`
mefly
  • 浏览: 150586 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

flex 画图,操作图形例子,(图表,曲线,都可用此思路)

阅读更多

 

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  applicationComplete="init()">

<mx:Style>
	ToolTip{
		background-color:#FFCCFF;
		font-size:12px;
	}
</mx:Style>
<mx:Script>
	<![CDATA[
	
	// 这个是画一个简单的图形并能清除他
	
	
		import mx.controls.ToolTip;
	
		import mx.printing.FlexPrintJob;
		import printView;
		import mx.core.UIComponent;
		import mx.controls.Alert;
		
		private var _sperite:Sprite; 
		private var _sperite2:Sprite; 
		private var tt:ToolTip = new ToolTip();

		private function init(){
			
			_sperite = new Sprite();//建立影片精灵 
			_sperite2 = new Sprite();//建立影片精灵 
			var uicomponent:UIComponent = new UIComponent();
			uicomponent.addChild(_sperite);
			uicomponent.addChild(_sperite2);
			box.addChild(uicomponent);
			doDraw();
		}
		
		function doDraw():void{
			tt.text="加饭要吃饱呀";
			tt.width = 120;
			tt.height = 120;
			tt.x = 616;
			tt.y = 42;
			
			tt.visible = false;
			button1.addChild(tt);
			
			_sperite.graphics.lineStyle(1,0xA8A8A8,1);
			_sperite.graphics.moveTo(0,0);
			_sperite.graphics.lineTo(100,100);
			
			_sperite2.graphics.lineStyle(1,0xFFCC99,1);
			_sperite2.graphics.beginFill(0xFFCC99,1);
			_sperite2.graphics.drawCircle(50,50,20);
			_sperite2.graphics.endFill();
			_sperite2.addChild(tt); 
			_sperite2.addEventListener(MouseEvent.MOUSE_OVER,showTip);
			_sperite2.addEventListener(MouseEvent.MOUSE_OUT,hideTip);
		}
		function showTip(event:MouseEvent){
			tt.visible = true;
			tt.x = event.localX;
			tt.y = event.localY;
			this.graphics.beginFill(0x6699FF,1);
			this.graphics.endFill();
		}
		function hideTip(event:MouseEvent){
			tt.visible = false;
		}
		function doClean():void{
			_sperite2.graphics.clear();
		}
	]]>
</mx:Script>
	<mx:Button x="616" y="42" label="清除" id="button1" click="doClean()"/>
	<mx:Canvas id="canvas" x="10" y="42" height="400" width="500" backgroundColor="#FFFFCC" >	
		<mx:Canvas id="box" x="0" y="0"  ></mx:Canvas>
	</mx:Canvas>
	<mx:Label x="147" y="16" text="这个是画一个简单的图形并能清除他" fontSize="12"/>
	
</mx:Application>
分享到:
评论

相关推荐

    flex实时更新曲线图

    在本例中,"flex实时更新曲线图"涉及到的技术核心是Flex中的图表组件和数据驱动更新。 1. **Flex图表组件**:Flex提供了多种图表类型,包括折线图、柱状图、饼图等。曲线图,即折线图,用于展示数据随时间变化的...

    flex 画图的例子,很不错

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

    flex画图板实例 源码

    Flex画图板是一种基于Adobe Flex技术的交互式图形编辑工具,它允许用户通过鼠标或触控设备在虚拟画布上绘制、编辑和操作图形。这个实例的源码为我们提供了深入理解Flex图形用户界面(GUI)开发和交互设计的宝贵资料...

    FLEX画图自己做的

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

    Flex_4系统组件:图表

    Flex 4引入了全新的图形渲染引擎(称为Spark),使得图表组件在功能和视觉表现上都有显著提升。 在Flex 4中,图表组件主要包含以下几种类型: 1. **LineChart**:线图,用于显示连续数据,常用于展示趋势变化。 2....

    flex画图测试程序代码

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

    Flex曲线图形实例

    在本实例中,“Flex曲线图形实例”展示了如何利用Flex技术创建动态的、交互式的曲线和统计图形,这对于实时监控指标数据非常有用。下面将详细讨论Flex开发中的关键知识点以及与该实例相关的组件和文件。 1. **Flex ...

    Flex做的贝塞尔曲线

    总之,"Flex做的贝塞尔曲线"是一个关于如何使用ActionScript 3.0和Flex框架来实现平滑曲线图形的示例。通过学习和研究提供的AsTest文件,开发者不仅可以了解到贝塞尔曲线的基本原理,还能掌握在Flex中动态绘制和控制...

    Flex绘制visio曲线算法 绝对可用

    在Flex中绘制曲线,主要涉及到图形的基本概念,如点、线、曲线,以及图形的坐标系统。其中,关键在于理解曲线的数学表示,比如贝塞尔曲线由控制点和起点、终点定义,而样条曲线则通常采用自然立方样条或Catmull-Rom...

    flex圆形图表展示源码

    2. **图形组件**:使用Flex的mx.charts库中的PieChart或RingChart类来创建圆形图表。这两个组件都支持自定义样式、动画效果和交互性。 3. **数据绑定**:将数据模型与图表组件进行绑定,使图表根据数据动态更新。 ...

    flex 指南 Flex入门 Flex实例 flex图表 flex与java flex中文帮助 flex培训

    Adobe+Flex编码指南.pdf chart.rar--java+flex图表 Flex3高级图表开发指南.pdf--英文的 Flex+白皮书.pdf flex-demo.rar Flex入门培训资料及PPT.rar ...结合java做的flex图表例子 - 点点滴滴 - JavaEye技术网站.mht

    超酷Flex动画图表

    在本压缩包中,我们有四个Flex项目工程,这些工程着重于动画图表的实现,特别是利用了flare库来增强图表的视觉效果和交互性。 Flare是一个数据可视化库,由加州大学圣克鲁兹分校的互动媒体研究实验室开发。它主要用...

    flex 画图的代码

    在Flex编程中,"flex 画图的代码"通常指的是使用Adobe Flex框架创建图形界面,特别是涉及用户交互,如拖放功能和动态连线的场景。Flex3是Flex框架的一个版本,它提供了强大的组件库和MXML语言,使得开发富互联网应用...

    flash/flex画曲线,绘图板

    "Flash/Flex画曲线,绘图板"这个主题涉及的是如何使用这些技术来创建一个允许用户自由绘制曲线的图形界面。下面将详细介绍这个知识点。 1. **Flex基础**: - Flex是Adobe提供的开源框架,主要用于构建RIA(Rich ...

    flex做的四种图表(线、柱、饼、区域)直接用js调用

    在本项目中,"flex做的四种图表(线、柱、饼、区域)直接用js调用"指的是使用Flex技术创建的四种常见的数据可视化图表:线图、柱状图、饼图和区域图,并且这些图表可以通过JavaScript与Web前端进行交互。 线图是一...

    Flex3高级图表开发指南.zip

    在Flex3中,图表组件是一个强大的工具,可以将复杂的数据转化为易于理解的图形表示。 一、Flex3概述 Flex3是基于ActionScript 3.0的开放源代码框架,用于构建富互联网应用程序。它提供了MXML和ActionScript两种编程...

    flex图形组件

    1. Flex SDK:Flex图形组件是基于Flex SDK开发的,它提供了丰富的UI组件库,包括图表、图形等,使得开发者能够轻松地创建富互联网应用程序(RIA)。 2. Flex图形组件类型:Flex提供多种图形组件,如BarChart(条形...

    Flex图表制作Flex图表制作

    Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表...

    Flex 两个小例子 Flex两个小例子

    在这个"Flex两个小例子"的资源包中,我们可以推测包含了一些使用Flex开发的示例项目。 首先,让我们详细了解一下Flex的核心组成部分: 1. **Flex SDK**:这是一个开源的开发工具包,包含了编译Flex应用程序所需的...

    Eclipse开发Flex新手必学例子(后台数据页面显示N种图表)

    以上就是关于"Eclipse开发Flex新手必学例子(后台数据页面显示N种图表)"的主要内容,希望对初学者在理解Flex图表和后台数据交互方面有所帮助。通过不断练习和探索,你将能够自如地运用Flex创建出各种复杂且富有洞察力...

Global site tag (gtag.js) - Google Analytics