`
lorry1113
  • 浏览: 257227 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex 画图

    博客分类:
  • flex
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.binding.utils.BindingUtils;
import mx.managers.CursorManager;

private var mX:Number;
private var mY:Number;
private var IsDown:Boolean=false;
[Bindable] public var _lineSize:int=3;
[Bindable] public var _lineColor:uint=0xff0000;

private function init():void{
myPanel.addEventListener(MouseEvent.MOUSE_DOWN,downHandler);
myPanel.addEventListener(MouseEvent.MOUSE_MOVE,moveHandler);
myPanel.addEventListener(MouseEvent.MOUSE_UP,upHandler);
BindingUtils.bindProperty(this,"_lineSize",hs,"value");
BindingUtils.bindProperty(this,"_lineColor",cp,"selectedColor");
}

private function downHandler(e:MouseEvent):void{
IsDown=true;
mX=myPanel.mouseX;
mY=myPanel.mouseY;
}
private function upHandler(e:MouseEvent):void{
IsDown=false;
}

private function moveHandler(e:MouseEvent):void{
if(IsDown){
var x:Number = myPanel.mouseX;
var y:Number = myPanel.mouseY;
myPanel.graphics.lineStyle(_lineSize,_lineColor,1);
myPanel.graphics.moveTo(mX,mY);
myPanel.graphics.lineTo(x,y);
mX=x;
mY=y;
}
}
]]>
</mx:Script>
<mx:Panel width="100%" height="100%">
<mx:Canvas id="myPanel" x="113.5" y="83" width="100%" height="90%" buttonMode="true" borderStyle="outset">
</mx:Canvas>
<mx:Button label="清空" click="myPanel.graphics.clear();"/>
<mx:HSlider id="hs" value="{_lineSize}"/>
<mx:ColorPicker id="cp" selectedColor="{_lineColor}"/>
</mx:Panel>
</mx:Application>
分享到:
评论

相关推荐

    flex画图板实例 源码

    flex画图板实例 源码 flex画图板实例 源码 flex画图板实例 源码 flex画图板实例 源码flex画图板实例 源码

    FLEX画图自己做的

    FLEX画图自己做的类似于 PC自带的画图工具,一般强大······

    flex画图测试程序代码

    flex画图测试程序代码。内含2个文件,flex画图.mxml 和DrawPanel.as。希望大家少走弯路,学习借鉴。

    flex 画图的例子,很不错

    flex 画图的例子,很不错 //画圆角矩形 private function circleRect(cRectX:Number, cRectY:Number, cRectWidth:Number, cRectHeight:Number, cRectDU:Number):void{ cRectBoxID.graphics.clear(); if...

    FLEX画图之各种柱状图饼状图画法

    FLEX画图之各种柱状图饼状图画法

    flex 画图的代码

    flex3 用xml文件生成树,拖拽形成新节点,在节点之间画线。

    FLEX实现基于WEB的ARIS画图工具(底层EJB)

    实现了与ARIS相近的流程定制系统,可以用于BPM中的流程定制,底层的数据库要是有疑问可以QQ:845359787,全天在线

    Flex 画拓扑图两个库(Spring 和一个高人写的库)

    这里面包含了两个类库(Spring和YI个高人写的库)大家可以参考下对于那些没有积分的友友可以发邮件索要 ownwell@126.com 一起学习flex画图的相关的

    flex 简单画图板的实现细节

    实现了简单的画图板功能,初学者很有用的哦

    flex右键功能 画图

    flex实现右键功能 点击右键会不断地画出小圆点 供大家分享

    flex 在图片上画图 并保存成图片

    我这东西都是自己写的 在网上找的都不合自己的要求 只有自己写 这个完全满足你的需求 但前提是你要做的就是在已加载的图片上面画图 并将其保存 如果不是请不要浪费资源 我这类似于在图片上打标机 然后将标机之后的...

    flex4系列教程

    程序员并不习惯使用画图工具,时间轴和可视化面板等来开发富网络应用,Flex 的出现解决了这一问题。有了 Flex,程序员可以使用 Action Script 和 MXML 编程语言快速开发富网络应用。 Flex 对开发者更具吸引力,而 ...

    Flex 画板 代码

    Flex中如何通过鼠标的滑轮控制线条的粗细

    flex 动态画矩形(鼠标拖动画)

    flex动态画矩形(鼠标拖动画)提供的源码可以直接拷贝直接运行

    flex封装实现画布功能

    来公司第一个考核demo,用actionScrpt封装一个组件,根据提供的属性画出矩形的长、宽、背景颜色等。 //定义属性 private var _zx:Number=20;//图形左上方x轴的值 private var _zy:Number=20;...

    Flex相交线交点位置画曲线

    Flex相交线交点位置画曲线,类似visio画图 博客位置:http://blog.csdn.net/askmewhat/article/details/24961041

    flex动态画椭圆(鼠标拖动画)

    flex动态画椭圆(鼠标拖动画) 提供的源码 可以直接拷贝直接运行

    用as3弄的一个简单的画图板代码不多送给新手学习

    用as3弄的一个简单的画图板,代码不多,送给新手学习,是用纯代码,只是那个写字的笔要自己画,随便画个直线也行.简单.现供上源码.

    Degrafa.CHM

    flex开发的画图框架Degrafa 近来需在flex画些简单的图形,根据朋友推荐使用了Degrafa,但是官方没有提供离线的文档下载,于是自己制作了一下。 文档的所有版权均属http://www.degrafa.com 详细情况请查看degrafa的...

    degrafa 的帮助文档

    flex开发的画图框架Degrafa 近来需在flex画些简单的图形,根据朋友推荐使用了Degrafa,但是官方没有提供离线的文档下载,于是自己制作了一下。 文档的所有版权均属http://www.degrafa.com 详细情况请查看degrafa的...

Global site tag (gtag.js) - Google Analytics