在Flex&4中使用AnimateFilter为组件添加发光效果
AnimateFilter(滤镜动画)顾名思义，就是通过动态改变滤镜的属性而形成的动画效果，这样的滤镜包括
DropShadowFilter、GlowFilter、BlurFilter和ShaderFilter。在Flex中我们可以很方便为组件添加滤镜，因此也就可以很方便为组件添加滤镜动画。
在本实例中，当鼠标移动到按钮上时，在按钮周围会产生一个很酷的发光效果。鼠标移出按钮时发光效果消失。
首先我们新建一个GradientGlowFilter(渐变发光滤镜)和一个圆形按钮。渐变发光滤镜效果是静态的，我们可以将其实例添加到到按钮的filters属性中测试。不过要实现动画发光效果，得借助AnimateFilter对象。
滤镜动画中，最关键是设定目标动画对象和滤镜，此处分别为按钮btn和渐变发光滤镜glow。AnimateFilter类继承Animate类，因此还得设定motionPath属性，此处指定为一个SimpleMotionPath对象，并为其定义滤镜的目标属性为strength、valueFrom属性值为0和valueFrom属性值为5。也就是说，我们只是改变了滤镜的发光强度。最后，我们通过鼠标事件来控制滤镜动画的播放。
下载该实例的源码。
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。您所在的位置： &
学习笔记 如何使用Flex组件进行开发
学习笔记 如何使用Flex组件进行开发
chinaunix.net
本文向大家介绍一下Flex组件开发的概念，在Flex应用程序中ActionScript的最主要的用处大概就是使用可视化的控件和容器来开发了。
本文和大家重点讨论一下使用Flex组件开发，Flex提供了几种技术来使用可视化的控件和容器来开发，包括了用ActionScript引用Flex控件以及操控控件和容器的实例的属性。
使用Flex组件开发
在Flex应用程序中ActionScript的最主要的用处大概就是使用可视化的控件和容器来开发了。Flex提供了几种技术来完成这样工作，包括了用ActionScript引用Flex控件以及操控控件和容器的实例的属性。
引用Flex组件
为了在ActionScript中使用Flex组件，我们一般要在MXML标签中给Flex组件定义一个id属性。例如，下面的代码中，我们设置了Button控件的id属性为&myButton&：
mx:Buttonid=&myButton&label=&ClickMe&&
◆如果你并不像通过使用ActionScript来操控这个Flex组件，那么这个属性是可有可无的。
这段代码使得MXML编译器自动生成一个包含了Button实例的引用的名字为myButton的公共变量。你可以在ActionScript中通过使用这个自动生成的变量来操控Flex组件。你可以在任意的ActionScript类或代码块中通过Flex组件的id来明确的引用Button控件的实例。通过引用Flex组件的实例，你可以修改Flex组件的属性并且调用Flex组件的方法。
例如，下面的ActionScript代码块中，当用户点击了按钮的时候，程序就会改变Button控件的label属性的值：
xmlversion=&1.0&&&&&mx:Applicationxmlns:mx=&/2006/mxml&&&&![CDATA[ &&privatefunctionsetLabel():void{ &&if(myButton.label==&ClickMe&){ &&myButton.label=&Clicked&; &&}else{ &&myButton.label=&ClickMe&; &&} &&} &&]]&&&mx:Buttonid=&myButton&label=&ClickMe&click=&setLabel();&&&&&
所有的MXMLFlex组件的id属性，无论它们嵌套的有多深，生成的都是已经定义好的Flex组件的公共变量。因此，在文档中所有的id属性必须是唯一的。这也意味着，如果你指定了Flex组件实例的id属性，你就可以在程序的任意地方来操控Flex组件：函数，外部的类文件，导入的ActionScript文件，或者内嵌代码。
◆如果Flex组件并没有id属性，你可以通过使用Flex组件的容器的一些方法来引用该Flex组件。比如getChildAt()和getChildByName()方法。
你可以参照目前内附文件或者当前对象来使用这样的关键字。
你也可以通过使用跟Flex组件名称一样的字符来引用Flex组件。要在程序中使用对象，你可以通过使用方括号，方括号内存放的就是跟Flex组件名称一样的字符串。这样你就得到了该对象的引用。
下面的例子中，通过使用字符串来获取对象的引用，然后改变每个Button控件的样式：
xmlversion=&1.0&&&&&mx:Applicationxmlns:mx=&/2006/mxml&&&&![CDATA[ &&privatevarnewFontStyle:S &&privatevarnewFontSize: &&publicfunctionchangeLabel(s:String):void{ &&s=&myButton&+s; &&if(this[s].getStyle(&fontStyle&)==&normal&){ &&newFontStyle=&italic&; &&newFontSize=18; &&}else{ &&newFontStyle=&normal&; &&newFontSize=10; &&} &&this[s].setStyle(&fontStyle&,newFontStyle); &&this[s].setStyle(&fontSize&,newFontSize); &&} &&]]&&&mx:Buttonid=&myButton1&&&click=&changeLabel('2')&&&label=&ChangeOtherButton'sStyles&&&&mx:Buttonid=&myButton2&&&click=&changeLabel('1')&&&label=&ChangeOtherButton'sStyles&&&&&&&
这个小技巧有着比较特殊的用处，当你在用Repeater控件或用ActionScript创建了一个对象的时候，你不必知道对象的名字你也可以在运行时来引用该对象。但是，当你用ActionScript实例化一个对象的时候，如果要添加该对象到应用程序的属性数组(按本人的理解：该数组为应用程序的数组，包含程序中定义的Flex组件的实例)中去，你必须定义该变量为public并且要在整个的类的作用域范围定义，而不是在函数的内部定义。
【编辑推荐】
【责任编辑： TEL：（010）】
关于的更多文章
Angular.js 是一个MV*（Model-View-Whatever，不管是MVC或者MVVM
JavaScript正凭借新型工具与功能提升以极度夸张的速度
国庆假期前的612，是不是有点折腾？网上的中秋国庆放
刚刚开始接触java数组的人都会听到一句类似的话：java
本书详细介绍脚本语言Groovy，首先介绍Groovy语言的基本特性，包括讨论Groovy方法、程序闭包、列表、映射以及对类和继承的支持，
51CTO旗下网站Flex 4中组件背景设置（填充方式）group为例子 -
- ITeye技术网站
博客分类：
以下以Group为例子讲述如何在Flex 4中填充背景颜色、图片：
1、图片填充方式：
&s:Group x="0" y="0" height="100%" width="100%"&
&s:Rect x="0" y="0" height="100%" width="100%"&
&s:fill&
&s:BitmapFill source="@Embed('../imges/myBg.jpg')"/&
&/s:fill&
&/s:Rect&
&/s:Group&
2、渐变色填充方式：
&s:Rect alpha="0.5" x="0" y="0" width="100%" height="100%"&
&s:fill&
&s:LinearGradient rotation="250"&
&s:GradientEntry color="0x222222" ratio="0"/&
&s:GradientEntry color="0xdddddd" ratio="1"/&
&/s:LinearGradient&
&/s:fill&
&/s:Rect&
浏览: 116921 次
来自: 北京
数据的导出用POI还凑合，不过还需要针对xlsx和xls文件写 ...
记得帆软报表也有主子报表的这个功能，他们官网上的教程很详细！
调试设置NoPage了，急得转圈了博客访问： 134765
博文数量： 31
博客积分： 2086
博客等级： 大尉
技术积分： 295
注册时间：
IT168企业级官微
微信号：IT168qiye
系统架构师大会
微信号：SACC2013
分类： 系统运维
组件是能够完成某种功能并且向外提供若干个使用这种功能的接口的可重用代码集，Flex也被认为是基于组件的开发模式。所有的组件都是ActionScript的类。可视化组件和mxml组件的基类都是UIComponent。在组件的继承关系上，UIComponent是在最顶部的，其它组件都继承至它。
面向对象编程中松散耦合就是描述这种结构的。
为什么要自定义组件
1. 在FLEX已有组件无法满足业务需求，或是需要更改其可视化外观等特性时，直接进行继承扩展。
2. 为了模块化设计或进一步重用，需要对FLEX组件进行组合。比如一个包括TEXTAREA,BUTTON的复合控件。
自定义组件的目标
创建自定义组件的一个公共目标是创建可配置的、可重用的组件。例如，想要创建一个自定义组件，带有属性、分发事件、定义新的样式属性、有自定义皮肤，或者其他自定义功能。创建自定义组件的一个预期回报是可重用。自定义组件可以紧紧的关联在程序中也可以在多个程序中使用。
为特定应用程序所编写的紧耦合的组件，经常使它依赖应用程序的结构，变量名，或其他细节。如果改变应用程序，可能需要修改紧耦合的组件来反应这种变化。紧耦合的组件如果不重写很难应用到其他应用程序中。
设计一个松耦合的组件来重用，它需要定义明确的接口来指定如何给组件传递信息，和组件如何向应用程序传回结构。
自定义组件的方式
创建自定义组件有AS和MXML两种方式，在选择用哪种方式自定义组件时要考虑：
1、MXML文件和AS文件最后都会被编译成AS类，只不过MXML编译速度稍慢一些
2、如果MXML和AS都能完成的一个简单组件，MXML更容易被创建和控制布局
3、当要覆盖组件的某些方法时只能用AS方式
4、创建一个直接继承UIComponent的子类时只能用AS
5、创建非可视化组件比如Formatter、validator、Effect……时，只能用AS
6、要为组件添加日志功能时，只能用AS
&&&&&& ActionScriot方式非常不直观，难以将多个组件组合后，控制他们的大小及位置，并且这种方法对于初学者太难，这里只简单介绍其原理。
所有Flex可视组件都是源自于UIComponent类。要创建自己的组件，可以创建一个继承UIComponent的类，或者继承UIComponent子类的类。
使用类作为自定义组件的超类，取决于要实现的功能。例如，需要一个自定义的按钮控件。可以创建一个UIComponent类的子类，然后重写Flex Button 类的所有功能。更好更快创建自定义按钮组建的方法是创建一个Flex Button组件的子类，然后在自定义类中进行修改。
MXML组件是一个MXML文件，在其他文件内部通过MXML标记来引用它。MXML组件的最大用处就是扩展已经存在的Flex组件的功能。在第四节中会详细的说明这种自定义组件的方法。
功能：扩展DropDownList组件使其成为一个可以重用的国家选择器
技术要点：
1.&在你的Flex项目上右键->新建MXML组件,建议将其放在components包中,这里将其命名为CountryComboBox.
2. 在“新建Flex组件面板”上有基于这个选项默认是基于Group的，由于我们要扩展的是DropDownList故将其改为<SPAN lang=EN-ponents. DropDownList.
&&& &&& &&&
xmlns:mx="
3.定义DropDownList的函数功能
定义useShortName函数用于外程序切换大小写显示功能：
ifShortNames =
&&&&& 作为数据源
&&&& 作为数据源
<s:Label text="
label="x="
Flex自定义组件与模块化的思路基本一致，但是在实际的使用中却要考虑到两者之间的差别。
模块化可以按照需求载入和卸载modules，在系统初始化时不会造成加载时间过长的问题，而自定义的组件会在一开始就被加载进浏览器的缓存，如果自定义组件过多的话会造成加载时间过长，然而对于一些在整个系统中要共用的部分（如导行条，版权）自定义组件可以使以后的加载时间大大的缩短，而模块在下次重复使用时还要重复加载；两者对于系统都有优化作用。
在任何的web应用开发中,在不同的组件中传递数据是一件非常重要的事情,&flex的应用开发也不例外,Flex中组件之间的数据传递主要属性之间的相互绑定和抛出带参数的事件这两种方式。
通过函数传递值
基于Group的扩展组件，其中包含TextArea组件，定义
&&& tranString=fsinputare.
（）函数用于接收数据
&&& (settext:String):
按钮用于启发组件间的数据传递
&&& js1.setText(fs1.settran());
属性之间的相互绑定
利用组件属性进行数据的传递是一种更加简单的方法
&&& 发送组件：扩展TextArea组件，绑定其text属性值
代码如下：
&&& xmlns:s="
阅读(4696) | 评论(0) | 转发(0) |
相关热门文章
给主人留下些什么吧！~~
请登录后评论。有钱没钱回家过年，提前祝大家春节快乐！
还在担心自己心爱的 AirPods 不知道什么时候就会丢失吗？马上升级到 iOS 10.3 吧，新...
在威锋十周年之际，第九届『WeiPhone 摄影大赛』拉开了帷幕，现在第一季开始征稿了！
希望可以一直保持下去，这样的话吐槽就会少一点，称赞也会多一点。
目前，越来越多的第三方应用程序加入了对 Touch Bar 的支持。
学习对手的长处，也能促使自己进步~
日前 Majerczyk 因为违反计算机欺诈和滥用法案而被判处 9 个月监禁。
Gamevice 终于让 iPhone 7 更像一个游戏机~
《DROP'd》首先在画面上就一改以往的昏沉灰暗，使用了相当明亮的色调，一下子让人倍感...
《米亚夺宝传奇》采用了卡通的设计风格，而与此同时，多种色彩的合理搭配也让游戏的场...
科学原本应该是推动人类发展的力量，但是如果被坏人掌握的话，那对于人类来说就会是一...
这款游戏集快节奏操控与精选音轨于一身，试图打造与众不同的游戏体验。
国粹不愧是国粹，独特的皮影效果令人耳目一新！
经过最近几年的发展，MOBA 类游戏现在已经基本形成了其固定的游戏模式，审美疲劳之下...
游戏在中国区的本周新游推荐里不是太显眼，但当你抱着试一试的心情购买下载之后，就会...
Gamevice 终于让 iPhone 7 更像一个游戏机~
手工制造，又是皮革，总之就是昂贵啊~
AirClip 不仅能够将 AirPods 连接在一起，还可以在不小心弄丢之后通过追踪器重新找回...
不少人都认为 Snap 与 iPhone 还是蛮配的，特别是需要记笔记的朋友~
不少用户在苹果的支持社区中反映了这个问题，它似乎只对 iPhone 6s 以及 iPhone 6s Pl...
配件制造商 LifeProof 于日前发布了旗下 NUUD 防水保护壳的新版本。
这款产品最大的特色在于它的充电模块，因为研发团队将充电插头都集成到了保护壳中
所有使用 InvisibleShield 保护膜的 iPhone 用户均可以在碎屏之后获得 100 美元的赔偿...
flex去桌面渐变阴影的补丁已经出现，特来分享！
注册时间 最后登录
在线时间736 小时 UID
主题帖子人气
人生啊~~~~~就是如此艹蛋
白金苹果, 积分 4275, 距离下一级还需 1725 积分
springboard 里面拉到最下面w开头这个就是！
(105.33 KB, 下载次数: 4)
00:02 上传
注册时间 最后登录
在线时间1649 小时 UID
主题帖子人气
为什么我的还没有啊？
注册时间 最后登录
在线时间736 小时 UID
主题帖子人气
人生啊~~~~~就是如此艹蛋
没人需要吗！我记得挺多人找的！
注册时间 最后登录
在线时间382 小时 UID
主题帖子人气
提示: 作者被禁止或删除 内容自动屏蔽
注册时间 最后登录
在线时间736 小时 UID
主题帖子人气
人生啊~~~~~就是如此艹蛋
应该不会吧！是在springboard 里面最下面回1楼yangting5558于1 分钟前发表的: 为什么我的还没有啊？......
注册时间 最后登录
在线时间1649 小时 UID
主题帖子人气
没有啊，我买的正版的啊回4楼me945于24 秒前发表的: 应该不会吧！是在springboard 里面最下面......
(136.11 KB, 下载次数: 3)
00:07 上传
注册时间 最后登录
在线时间736 小时 UID
主题帖子人气
人生啊~~~~~就是如此艹蛋
亲测完美去除回3楼项恭于31 秒前发表的: 效果怎么样，发个图看看呗......
(194.81 KB, 下载次数: 3)
00:08 上传
<p id="rate_4334" onmouseover="showTip(this)" tip="桌面好评…好像小鸟&人气 + 1
" class="mtn mbn">
桌面好评…好像小鸟
注册时间 最后登录
在线时间736 小时 UID
主题帖子人气
人生啊~~~~~就是如此艹蛋
这就奇怪了我里面有的回5楼yangting5558于12 秒前发表的: 没有啊，我买的正版的啊&&......
(138.23 KB, 下载次数: 3)
00:09 上传
注册时间 最后登录
在线时间83 小时 UID
主题帖子人气
没有啊，我买的正版的啊
他是9的云，你是8的云
注册时间 最后登录
在线时间83 小时 UID
主题帖子人气
这就奇怪了我里面有的
你俩ios版本号不一样，云不一样
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!