体验Flash MX(3)：界面组件Components UI
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-15
|
? Flash 的发展促进了网页技术的发展，直到发展为至今的Flash MX，Macromedia的Swf格式已经基本成为一种新的网页动画标准。新的Flash MX加入了Properties Inspector之后，看起来更像可爱的Dreamweaver，而另一主要特色Components 的引入，Macromedia提供了我们更快捷的制作手段。 我们今天的话题就是界面组件 Components UI，我们将通过几个例子来看看它的特色和学习使用的步骤。 Macromedia为我们预设了7个Components UI，它们分别模拟了网页中的CheckBox、ComboBox、ListBox、PushButton、RadioButton、ScrollBar，ScrollPane（ScrollBar的图片形式）。我们一个一个来看。（如图1） 
（图1）
Components的使用方法类似v5中的SmartClip（已经进入历史），通过封装好的结构，只要给几个入口参数即可达到目的。
1、CheckBox： 类似网页中的Checkbox，多用于用户按照自己的情况选择不同的内容。我们首先按F11打开Components库，然后用鼠标从其中托拽出几个Checkbox部件，接下来你要做的只是在Properties Inspector中给入不同的参数即可，Label是修改显示内容，Initial Value是初始点击状态，Label Placement是文本出现的位置（左右）。（如图2） 
（图2）
Handler是非常有用的，它可以在部件触发事件的时候同时激活一个Handler程序，这个程序我们在主场景加入:
function clickCheckA（） {trace（a.getValue（））; } function clickCheckB（） { trace（b.getValue（））; } Components UI的每个部件在运行的时候都是封装好的MovieClip，我们也可以通过给予Instance Name来用Action 控制其属性和方法。 接着分别写入Shoping和Music的Change Handler里面，加入后，在程序运行的时候，我们就会发现，在点击事件的同时，Handler程序也同时运行，并获取当前的点击状态。（图3） 
（图3）
Handler程序的目标还可以通过setChangeHandler来改变。
2、ComboBox： ComboBox也类似网页中的ComboList，是当用户需要从中选择单独数据的时候使用的。从Components库中拉出一个ComboBox，并放置到适当位置，取名Instance为c，这次我们来看看手动加入数据和Action加入数据的不同： 在Properties Inspector面板分别打开Label和Data，并加入如下数据： 
（图4）
选中c并按F2打开Action面板，在c的Action面板上加入Action：
onClipEvent （load） {
this.addItem（"china",_root.a）;
this.addItem（"usa",123）;
this.addItem（"england",false）;
this.sortItemsBy（"label","asc"）;
}
两种方法实现的结果都是一样的，但Action更灵活一些，例如动态加入数据和排序。
3、ListBox ListBox和ComboBox十分的相似，而且事件和属性很多都一样，只是不同之处在于ComboBox是单行下拉滚动，而ListBox是平铺滚动。（图5） 
（图5）
4、RadioButton：
通常都是给出一些选择，但是只可以选择一个的网页上总会看到的那种单选框。值得注意的是所有的RadioButton都会归于某个Group，这个Group组在默认状态下是radioGroup，每个Group只可以有一个被选中，所以不同的Group也可以有不同的被选中的内容，但是相同的Group则不可以。（图6）
（图6）
5、ScrollBar: 在Flash MX中已经把以前经常用到的Scroll这个属性列为垃圾代码之列，都是因为这个Component的出现导致。首先用Text工具建立一个Input文本区，并且命名为“txt1”，也可以使用  来不使文本背景透明，接着，我们放入测试文本的Action在第一帧：
txt1.text="never mind...never mind...never mind.. |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于体验Flash MX(3)：界面组件Components UI的所有评论
