第2章Flex深入学习.pptVIP

第二章 Flex深入学习（1） 内容回顾 RIA将桌面应用程序的强交互性与传统WEB应用的灵活性结合起来，为用户带来全新的体验 Flex是一个针对企业级富互联网应用的表示层解决方案。Flex是一种应用程序框架 当编译Flex应用的时候，MXML文件生成相应的ActionScript类,ActionScript类被编译成SWF字节码存储到一个SWF文件中 Application是一个特殊的容器，位于界面元素层级的根部，它包含了整个程序中的所有元素 在s:layout布局控制标签中，还可设置paddingLeft(左边距)、paddingRight(右边距)、paddingTop(顶边距)、paddingBottom(底边距)等属性进一步按需要进行页面布局的控制 mx:Form标签将创建一个标签，而mx:FormItem表示表单中的表单项 本章内容 使用组件处理数据和交互 使用行为对象和动画效果 本章目标 掌握各种常用组件的使用方法 掌握常用动画效果的制作方法 1.1 常用组件 复选框(CheckBox) Label：该属性用于设置CheckBox显示的标题 selected：该属性用于检验复选框是否被选中，选中为True，否则为False fx:Script ![CDATA[ public var totalCost:Number = 4.50; //定义变量用于保存总金额 private function modifyBurger(evt:MouseEvent):void { if(CheckBox(evt.target).selected) { totalCost += 0.25; } else { totalCost -= 0.25; } totalString.text = $+totalCost.toFixed(2); } ]] /fx:Script s:Label text=汉堡饱的单价: 4.50元 / s:Label text=你可以为你的汉堡饱选择调料（每份：0.25元) / s:CheckBox id=lettuceCB label=胡罗卜酱 click=modifyBurger(event);/ s:CheckBox id=tomatoCB label=番茄酱 click=modifyBurger(event);/ s:CheckBox id=pickleCB label=生菜酱 click=modifyBurger(event);/ s:CheckBox id=mayoCB label=蛋黄酱 click=modifyBurger(event);/ s:Label text=总价: fontSize=20 / s:Label id=totalString text=$4.50 fontSize=20 color=red/ 1. 使用组件处理数据和交互 根据目标复选框的选中状态来修改总金额 显示总金额 生成复选框，处理click事件 使用组件处理数据和交互 下拉框(ComboBox)、列表框(List) 下拉框与列表框都需要为其指定dataProvider，即数据提供者来填充列表项，对于应用而言列表通常都是动态变化的 下拉框与列表框的重要属性 dataProvider：该属性指定下拉框与列表框的数据提供者，可以是ArrayList类型的对象 labelField：该属性用于指定用作显示文本的字段名 prompt：该属性用于指定未选择列表项时的初始化提示文本 mx:ComboBox x=0 y=0 editable=true width=100% id=cmbdept dataProvider={cmbdp} prompt===请选择所在部门== change=cmbdept_changeHandler(event) / s:List width=100% height=100% labelField=ename id=lstemps dataProvider={lstdp} click=lstemps_clickHandler(event)/ 指定数据源 处理下拉框选中项的改变事件 代码演示 从ComboBox下拉框中选择部门 List列表框随ComboBox下拉框动 在List列表框中选择一项后，显示雇员详细资料 使用组件处理数据和交互 单选框(RadioButton) RadioButton单选框的重要属性 label：该属性用于设置RadioButton显示的标题 groupName：该属性用于指定单选框所