<?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画图自己做的类似于 PC自带的画图工具,一般强大······
flex画图测试程序代码。内含2个文件,flex画图.mxml 和DrawPanel.as。希望大家少走弯路,学习借鉴。
实现了简单的画图板功能,初学者很有用的哦
flex 画图的例子,很不错 //画圆角矩形 private function circleRect(cRectX:Number, cRectY:Number, cRectWidth:Number, cRectHeight:Number, cRectDU:Number):void{ cRectBoxID.graphics.clear(); if...
FLEX画图之各种柱状图饼状图画法
flex图形界面模板 flash flex Fusioncharts.swc
flex3 用xml文件生成树,拖拽形成新节点,在节点之间画线。
Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目...
实现了与ARIS相近的流程定制系统,可以用于BPM中的流程定制,底层的数据库要是有疑问可以QQ:845359787,全天在线
可以实现flex布局的基本功能,flex的基本布局模板
Flex电子相册旋转一
Flex中如何通过鼠标的滑轮控制线条的粗细
flex 汉字转拼音
flex 图片自动旋转移动放大,自动旋转移动 自动旋转
flex 360度旋转小人,模拟3D效果flex 360度旋转小人,模拟3D效果
流行的网页制作模板,方便实用,让你的网页更加绚丽多彩。
Flex电子相册旋转
JS与Flex互转例子,能用,经过加工的~ 环境:Java+Flex项目中,Flex与JS互相调用、通信。
flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图flex 地图...