<?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画图板是一种基于Adobe Flex技术的交互式图形编辑工具,它允许用户通过鼠标或触控设备在虚拟画布上绘制、编辑和操作图形。这个实例的源码为我们提供了深入理解Flex图形用户界面(GUI)开发和交互设计的宝贵资料...
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 画图的代码"通常指的是使用Adobe Flex框架创建图形界面,特别是涉及用户交互,如拖放功能和动态连线的场景。Flex3是Flex框架的一个版本,它提供了强大的组件库和MXML语言,使得开发富互联网应用...
7. `Flex画图板代码.doc`文档:这个文档很可能是提供了一个实现以上功能的示例代码,包括`Canvas`组件的创建、事件监听器的注册以及线条绘制和线条粗细控制的逻辑。你可以参考这个文档中的代码来理解和学习如何在...
Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目...
flex图形界面模板 flash flex Fusioncharts.swc
在网页设计领域,"FLEX网页模板"是一个热门的话题,尤其对于那些希望快速构建美观、响应式的网站的设计师和开发者来说。Flex布局是CSS3的一种布局模式,全称为Flexible Box,或者简称为Flexbox,旨在提供一种更加...
在前端开发中,Flex布局(Flexible Box)是一种强大的盒模型布局方式,允许开发者轻松地创建响应式和动态的用户界面。...这个基础布局模板是一个很好的起点,可以帮助开发者快速上手并深入理解Flex布局的工作原理。
实现了与ARIS相近的流程定制系统,可以用于BPM中的流程定制,底层的数据库要是有疑问可以QQ:845359787,全天在线
在本文中,我们将深入探讨如何使用Adobe Flex技术来创建各种柱状图和饼状图。Flex是一个基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。通过使用Flex,开发者可以轻松地创建交互式的图形界面...
在本压缩包中,"flex例子界面很好看",我们可以期待看到一个使用Flex技术构建的、设计精美的登录界面。 Flex的核心是Flex框架,它包括了组件库、布局管理器和事件处理机制。组件库提供了丰富的UI元素,如按钮、...
在IT行业中,Flex是一种基于ActionScript 3.0和Flash Player的开源框架,主要用于构建富互联网应用程序(RIA)。本文将详细讲解如何在Flex项目中实现右键功能,并结合描述中的"点击右键会不断地画出小圆点"这一具体...
【Flex留言板Java+Flex+LCDs项目源码详解】 Flex是一种基于ActionScript的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,RIAs)。在本项目中,它与Java和LCDS(LiveCycle Data Services)...
在IT行业中,尤其是在Web开发领域,Flex是一种广泛使用的开源框架,它基于ActionScript编程语言,用于构建富互联网应用程序(RIA)。本篇文章将深入探讨“Flex超炫悬浮面板”这一主题,以及如何通过ActionScript实现...
经典的代码,骨灰级的代码,很难找到的,关键讲述了flex的技巧
Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex ...
总的来说,这个简单的AS3画图板项目是一个很好的起点,可以帮助新手理解基本的AS3编程概念,如事件处理、绘图以及如何在舞台上创建和操作对象。通过进一步学习和实践,你可以扩展这个项目,添加更多的功能,如颜色...