<?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编程中,"flex 画图的代码"通常指的是使用Adobe Flex框架创建图形界面,特别是涉及用户交互,如拖放功能和动态连线的场景。Flex3是Flex框架的一个版本,它提供了强大的组件库和MXML语言,使得开发富互联网应用...
flex 画图的例子,很不错 //画圆角矩形 private function circleRect(cRectX:Number, cRectY:Number, cRectWidth:Number, cRectHeight:Number, cRectDU:Number):void{ cRectBoxID.graphics.clear(); if...
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基本布局模板_flex_"项目旨在介绍和提供一个基础的Flex布局模板,帮助开发者理解和应用Flex布局。 首先,我们要了解Flex布局的核心概念。Flex布局是CSS3中引入的一种新的布局模式,它使得容器...
在本文中,我们将深入探讨如何使用Adobe Flex技术来创建各种柱状图和饼状图。Flex是一个基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。通过使用Flex,开发者可以轻松地创建交互式的图形界面...
实现了与ARIS相近的流程定制系统,可以用于BPM中的流程定制,底层的数据库要是有疑问可以QQ:845359787,全天在线
这个"flex汉字转拼音"的主题涉及到Flex应用中处理中文字符并转换为拼音的能力,这对于开发涉及中文语音识别、搜索优化或者用户友好界面等功能的应用程序来说非常有用。 在Flex中,处理汉字转拼音通常需要利用特定的...
Flex CSS 模板经典是网页布局设计中的一个重要概念,它为开发者提供了强大的工具来构建响应式、灵活且可自适应的网页布局。Flexbox( Flexible Box 或 Flex 布局)是CSS3的一个模块,旨在解决传统布局模式在处理动态...
本篇文章将详细讲解JS与Flex之间的通信方式以及互转实例。 首先,我们探讨JS与Flex之间的通信机制。这种通信通常通过两种方式实现:Flash Player的LocalConnection API和使用SWFObject加载的Flex组件。 1. **...
【Flex留言板Java+Flex+LCDs项目源码详解】 Flex是一种基于ActionScript的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,RIAs)。在本项目中,它与Java和LCDS(LiveCycle Data Services)...
在本文中,我们将深入探讨如何使用Adobe Flex技术来创建一个360度旋转的小人模型,从而实现模拟3D效果的交互式应用。Flex是一种基于ActionScript 3.0的开源框架,它允许开发者构建富互联网应用程序(RIA),提供丰富...
在本文中,我们将深入探讨如何使用ActionScript 3(AS3)创建一个简单的画图板。这个项目非常适合初学者入门,因为它涉及到AS3的基本概念,如事件处理、绘图和用户交互。ActionScript 3是Adobe Flash Professional和...
在IT行业中,Flex是一种基于ActionScript 3.0和Flash Player的开源框架,主要用于构建富互联网应用程序(RIA)。本文将详细讲解如何在Flex项目中实现右键功能,并结合描述中的"点击右键会不断地画出小圆点"这一具体...