- 浏览: 461612 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
飞天奔月:
没有147 段
严格的手机号码正则表达式写法 --java -
飞天奔月:
182段没有 public static final ...
严格的手机号码正则表达式写法 --java -
zcc2010ry:
多谢分享,问题果断解决
Web app root system property already set to different value: 'webapp.root' -
hety163:
删除当前工作目录下的WORKSPACE/.metadata/. ...
“Initializing Java Tools 1%”问题的终极解决办法 -
qq12241713:
[b] :arrow: [i][/i][/b]
Flex和spring集成时需要的SpringFactory
1 饼状图
import mx.collections.ArrayCollection;
//绑定需要显示的数据
[Bindable]
//设定要显示的数据
private var
modelData:ArrayCollection = new ArrayCollection( [
{ Year:
"2010年世界杯", Count: 4 },
{ Year: "2014年世界杯", Count: 10
},
{ Year: "说不清", Count: 50} ]);
//定义函数用于显示回调
private function displayCount(data:Object, field:String,
index:Number,
percentValue:Number):String {
//取百分比的数的6位
var
temp:String= (" " + percentValue).substr(0,6);
//返回要显示数据的内容
return data.Year + ": " + '\n' + "人数: " + data.Count
+ '\n' + temp + "%";
}
]]>
</mx:Script>
<mx:Panel title="你认为中国足球队什么时候能够再次冲出亚洲"
height="100%" width="100%">
<mx:PieChart id="chart"
height="100%" width="100%"
paddingRight="5" paddingLeft="5"
showDataTips="true"
dataProvider="{modelData}">
<mx:series>
<mx:PieSeries id="test_PS"
labelPosition="callout" field="Count"
labelFunction="displayCount">
<mx:calloutStroke>
<mx:Stroke weight="0"
color="0x888888" alpha="1.0"/>
</mx:calloutStroke>
<mx:radialStroke>
<mx:Stroke weight="0"
color="#FFFFFF" alpha="0.20"/>
</mx:radialStroke>
<mx:stroke>
<mx:Stroke color="0"
alpha="0.20" weight="2"/>
</mx:stroke>
</mx:PieSeries>
</mx:series>
</mx:PieChart>
</mx:Panel>
2 柱状图
<![CDATA[
//调入所需的包
import
mx.collections.ArrayCollection;
[Bindable]
//设定要显示的数据
private var modelCPI:ArrayCollection = new
ArrayCollection( [
{ Name: "食品", rise:7.6 },
{
Name: "零售商品", rise:2.4 },
{ Name: "工业品", rise:2.8
},
{ Name: "原材料", rise:3.8 }]);
]]>
</mx:Script>
<mx:Panel title="2007年上半年物价上涨百分比"
height="100%" width="100%" layout="horizontal">
<!--设定数据源
-->
<mx:ColumnChart id="column" height="100%" width="45%"
paddingLeft="5" paddingRight="5"
showDataTips="true" dataProvider="{modelCPI}">
<mx:horizontalAxis>
<mx:CategoryAxis
categoryField="Name"/>
</mx:horizontalAxis>
<mx:series>
<!--设定显示的字段 -->
<mx:ColumnSeries xField="Name"
yField="rise" displayName="上涨%"/>
</mx:series>
</mx:ColumnChart>
<!--设定数据源
-->
<mx:BarChart id="bar" height="100%" width="45%"
paddingLeft="5" paddingRight="5"
showDataTips="true" dataProvider="{modelCPI}">
<mx:verticalAxis>
<mx:CategoryAxis
categoryField="Name"/>
</mx:verticalAxis>
<mx:series>
<!--设定显示的字段 -->
<mx:BarSeries yField="Name"
xField="rise" displayName="上涨%"/>
</mx:series>
</mx:BarChart>
</mx:Panel>
3 样式管理类stylemanager
A 设定全局样式
<mx:Style>
global{
fontSize:12pt;
color:#9933FF;
}
</mx:Style>
设定后,所有组件的样式都是一样的,也可以这样:
<![CDATA[
import mx.styles.StyleManager;
private function
setCurStyle():void{
StyleManager.getStyleDeclaration("global").setStyle('fontSize',"12");
StyleManager.getStyleDeclaration("global").setStyle('color',"#9933FF");
}
]]>
</mx:Script>
<mx:Button
label="全局样式按钮" horizontalCenter="0" verticalCenter="-50" click="setCurStyle
()"/>
B 引入外部样式
<mx:style
source="cssTest.css"/>
4 FADE渐变效果:
<mx:Fade id="Fade1" alphaFrom="1" alphaTo="0.3"
duration="500" />
<mx:Fade id="Fade2" alphaFrom="0.3" alphaTo="1"
duration="500" />
<mx:Image width="90" height="120"
horizontalCenter="0" verticalCenter="0"
source="flexbuilder.jpg" mouseDownEffect="Fade1"
mouseUpEffect="Fade2"/>
其中alpha设置透明度
5 移动的动画效果
<![CDATA[
//引入动画效果类
import
mx.effects.easing.*;
//定义函数设定移动动画效果
private function
moveImage():void {
//中断当前移动效果
myMove.end();
//设定移动组件的x坐标值
myMove.xTo=mouseX-100;
//设定移动组建的y坐标值
myMove.yTo=mouseY-100;
//通过动画进行组件的移动
myMove.play();
}
]]>
</mx:Script>
<!-- 定义一个移动标签设定要移动的组件-->
<mx:Move id="myMove" target="{img}"
duration="700" easingFunction="{Bounce.easeInOut}"/>
<mx:Panel
title="组件移动效果" width="95%" height="95%"
paddingTop="5"
paddingLeft="10" paddingRight="10" paddingBottom="5">
<!--引入Canvas用于绝对坐标值的移动,响应鼠标按下事件-->
<mx:Canvas id="canvas"
width="100%" height="100%" mouseDown="moveImage();">
<!--设定图片内容-->
<mx:Image id="img"
source="flexbuilder.jpg"/>
</mx:Canvas>
发表评论
-
Flex中如何利用mx:states和mx:State创建不同状态应用的例子
2012-01-06 15:53 11331. 代码 <!--<br/ /& ... -
Flex调试工具的安装
2011-12-29 17:24 2659Flex调试工具的安装 一、IE下flex调试的安装 Fl ... -
[企业级开发] Flex面试题及答案
2011-12-29 11:56 10301.我不想在容器里显 ... -
使用asDoc生成自己的Flex API Document
2011-12-27 11:56 1326概述一: 运用ASDoc工具 ... -
ActionScript 3.0 性能优化小知识
2011-12-23 12:38 1039最近做的很多的事情都是和Flash开发有关,尤其是在性能优 ... -
FLEX BlazeDS+Spring+Hibernate 配置成功(结合自己公司框架)
2011-12-22 14:50 1261参考:http://yuqun888666.blog.163 ... -
Flex 学习小结(13)
2011-12-21 10:11 12821 区域性图表 <mx:Script> ... -
Flex 学习小结(12)
2011-12-21 10:11 9701 richtexteditor控件 import m ... -
Flex 学习小结(11)
2011-12-21 09:59 9101 advanceddatagrid中的分组groupin ... -
Flex 学习小结(10)
2011-12-21 09:59 8341 在viewstack的导航中,如果用代码来切换选项 ... -
Flex 学习小结(9)
2011-12-21 09:56 9611 FLASH调用webservice: <!- ... -
Flex 学习小结(7)
2011-12-20 11:10 10561 日历控件中,格式化日期: DateField.da ... -
Flex 学习小结(6)
2011-12-20 10:43 860今天偶然想做FLEX里鼠标右键弹出菜单,但其实是很麻烦的,因为 ... -
Flex 学习小结(5)
2011-12-20 10:30 8771 调用module 新建一个module: <m ... -
Flex 学习小结(4)
2011-12-20 10:00 7941 TIMER类的应用 //创建一个500毫秒间隔,10 ... -
Flex 学习小结(3)
2011-12-19 17:11 9011 TIMER类的应用 //创建一个500毫秒间隔,10 ... -
flex中的动态实现RemoteObject
2011-12-19 17:09 1227在flex中,一般直接在设计时写rem ... -
Flex 学习小结(2)
2011-12-19 16:35 9961 两个模块(MODULE间的传输) 主程 ... -
Flex 学习小结(1)
2011-12-19 16:10 953摘录最近学FLEX的一些读书笔记小结1 使用V ... -
flex3+blazeds+spring+hibernate整合
2011-12-19 11:07 1014近来flex盛行,因此这两天也借了本书看了两天,发觉作为非页面 ...
相关推荐
flex学习资料flex学习资料flex学习资料
这是作者自己亲自编写的教程,里面包含的有图解教程,各式jar,及配置文件,全部包含在内,如果你是一个决定学习flex初学者,我敢保证它肯定适合你!带上你走上flex开发旅途!
Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记
flex 学习文档 Flex 3 Cookbook pdf Flex 3 Cookbook源码
flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料
flex学习步骤flex学习步骤flex学习步骤flex学习步骤
细细品味Flex——新Flex学习手册 技术齐全
Flex学习文档,Flex中文文档,,记载了各种学习心得
Flex3学习指南-是初学者学习Flex必备资料1 Flex3學習指南1-8.rar
Flex学习相关资料
用flex开发过程中积累下来的资料,供flex初学者学习! 以下为部分资料标题: /***************************************/ 在tomcat中部署安装Flex Data Services (LiveCycle DS) [转]_baidu_百度空间 基于flex4技术...
flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料
flex的学习分为3个阶段,第一个阶段入门,第2个阶段提高,第3个阶段大师。 flex入门时学习flex初期的一本很好的资料,通过学习能快速体会flex。好不容易 找来与大家分享
flex学习所需要的基本都齐了。一起学习吧。
最近开始学习Flex,其中用到了AS,AS2到AS3发生了很大的变化,完全的面向对象,知道这个特点以后我也一直没有特意的好好去学学AS3,但是随着最近学习的深入,还是有必要学习一下
Flex_4_样式与布局小结详细的资源描述有机会获得我们的推荐,更有利于他人下载,赚取更多积分
flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记
Flex4学习文档,权威的学习文档。自己觉得非常好,就拿出来和大家分享一下。
flex学习记录flex学习记录flex学习记录flex学习记录flex学习记录flex学习记录