FlexBuilder教程文档格式.docx

1、1，加入常用可视控件 : 使用可视控件组织界面，可以定义组件属性供外部访问A, 基于文本的控件 （Text controls）: Label（ 单行文本显示 ） 、 Text（ 多行文本显示 ） 、TextInput（ 单行文本显示与输入 ） 、 TextArea（ 多行行文本显示与输入 ） 和 RichTextEditor （ 富文本显示与输入 ） 控件。用于显示文本和 / 或接收来自用户的文本输入， 都有一个 text 属 性用于设置要显示的文本。使用 RichTextEditor 控件可以输入文本、 编辑文本和设置文本格式。用户通过使用位于RichTextEditor 控件底部的子控件

2、, 应用文本格式和 URL 链接。B, 基于按钮的控件组件（Button 系列,Form controls）:Button（ 激活时会发出 click 和buttonDown 事件 ） 、LinkButton（ 用于打开 URL）、CheckBox（ 标签会被自动裁剪以适合控件边 界。 ） 、 RadioButton（ 指由 标签创建的组 ） 和 PopupButton 控件 （ 常用于打开 List 控件或 Menu 控件签。 ） 。2，加入基于列表的控件，并获取数据基于列表的控件 : 是在其继承层次结构内的某些点上扩展 ListBase 类的那些控件。 它们包括 ComboBox、 Lis

3、t 、 HorizontalList 、 DataGrid 、Tile 、Menu 和 Tree 控件。都可从某数据提供程序的数据获得数据列表。另: 许多标准控件 （ 包括 ColorPicker 和 MenuBar 控件 ） 也是数据提供程序控件。可以使用两种方法设置组件的数据提供程序1），直接在MXM标签中加入数据，将Array 或Collection 定义为取得数据提供程序的控件的子标签。该方法具有实施快速的优点 , 适合与静态数据一起使用及用于原型设计。!- An inline data provider - Object data=0 label=Zero /1One/mx:Comb

4、oBox2），使用数据绑定 : 使用 Bindable 元数据标签 （属性非默认绑定 ,必须明确的声明被绑定的 属性 ） ，将控件绑定到使用 ActionScript 定义的现有 Array 或 Collection 。ScriptCDATABindable private var subscriptions:ArrayCollection =new ArrayCollectiondata:0, label:Print,1, label:Website）;FormItem label=Subscriptions:Listid=userSubscriptions rowCount=3 allow

5、MultipleSelection=true dataProvider=subscriptions/3,使用REP EATER:是非可视控件，类似于编程语言里的 For循环，可在执行期复制其它组件。Repeater 的卷标要自己输入，而 dataProvider 可在 区段之中，以 Bindable 的Metadata定义之数组作连结。 REPEATE还可嵌套使用。Bindablepublic var dp:Array=1,2,3,4;ArrayCollection id=myAC source=dpRepeater id=rmyACButton id=repbuttonbutton r.cu

6、rrentItem4, 加入数据验证 : 数据模型支持自动数据验证，这就意味着你可以很方便地使用 Flex 验证器。as3.0验证的类包为 mx.Validators. 包中有一个基类 Validator, 其他的类都为其子类：1），用标签实现验证 :/ 绑定验证对象 :source: 表示验证的对象， property: 表示验证对象的属性PhoneNumberValidator id=pnVphoneInput property=textTextInput id=phoneInput2），用AS编程实现验证CDATA import mx.validators.PhoneNumberVali

7、dator;/ 创建验证器private var v:PhoneNumberValidator = new PhoneNumberValidator（）;private function createValidator（）:void / 设置验证器v.source = phoneInput;v.property = ; creationComplete=createValidator（）;还可以加入按钮触发器，并修改默认提示错误/trigger: 表示触发验证事件的对象/triggerEvent: 表示对象触发验证事件的时机 （ 如 click,mouseOver 等）/requiredFie

8、ldError 属性 表示必填项没填入数据的时的提示错误信息/wrongLengthError: 表示输入的数据阿拉伯数字长度小于 10 时提示的错误信 息/invalidCharError： 表示输入数据不是阿拉伯数字时提示的错误信息 trigger=btn triggerEvent=click requiredFieldError= 此项为必填 invalidCharError= 请输入阿拉伯数字 wrongLengthError= 请至少输入请输入 10 个阿拉伯数字 Button label=Button id=btn3） ，高级用法 : 使用正则表达式创建自定义验证器外载方式要（ 体

9、积变5， 加入资源 （图片,音频,视频,程序）： 运行时外载和编译时直接内嵌两种方式， 多花一段载入时间，但使用简单；内嵌方式可直接调用资源，但加重了程序的负担 大，且图片编辑后需要重新编译 ）1）, lmage（图画）控件：可外载或内嵌多种富媒体资源 ：JPEG GIF、PNG位图、SVG矢量图（只 能内嵌），SWF 动画（非 Flex 的SWF应用程序。）,SWF库按钮（Button） ，SWF库动画 （MovieClip） ，/ 外载一个富媒体，可使用绝对或者相对路径。但加入SWF文件时，可用use-network参数指定其使用网络或者本地文件二者之Image id=myLogo0ass

10、ets/logo.png/ 简单地内嵌一个富媒体 .png,.jpg,.gif,.swf（可将嵌入的SWF文件的实例当作 MovieCIip.MovieCIipAsset 类的实例处理, 不能直接访问嵌入的SWF文件的属性或方法。但可用LocalConnection 以允许SWF之间进行通信。），.SVG（可将嵌入的SVG文件的实例当作Sprite.SpriteAsset 类的实例处理。）myLogoEmbed（assets/logo.png）II在脚本中定义富媒体对象，然后在 MXM中可以多次嵌入Embed（source=assetsIlogo.png） Bindable public va

11、r Logo:Class;LogomyLogo2/ 在脚本中定义图片的 scale-9 像框缩放功能就可以保持边框的清晰 , （ 旋转嵌入的 scale-9 图像的实例会关闭该图像的 scale-9 功能。Embed（source=assets/fancy_border.png, scaleGridTop=55, scaleGridBottom=137, scaleGridLeft=57, scaleGridRight=266）Bindable public var FancyBorderImage:Image source=FancyBorderImage146 height=82/ 嵌入 SWF 库资源assets/library.swf, symbol=BadAppleBindable public var BadApple: