第二讲 flex控件.ppt

Menu 首先需要数据源，例如： mx:XML id=menu_data root menuitem label=第一菜单 eventName=item1 submenuitem label=子菜单一 eventName=subitem1/ /menuitem menuitem label=第二菜单 eventName=item2 submenuitem label=子菜单二 eventName=subitem1/ /menuitem /root /mx:XML PopUpMenuButton 也可以采用Array赋值方式，例如： var dp:Array = [ {label:Flash动画王, data:id_001}, {label:Flash开发王,data:id_001}, {label:Flex开发王, data:id_001} ]; pmb.dataProvider = dp; pmb.addEventListener(itemClick, showitem); 委托按钮触发验证 在传统中，验证的触发是在失去焦点时触发。但有些时候，针对一个表单提交，想点击按钮时，在验证应该这么做呢？ mx:Validator id=but_val required=true property=text source={val_inps} valid=handlerValid(event) invalid=handlerValid(event) trigger={but} triggerEvent=click/ mx:TextInput x=130 y=135 id=val_inps/ mx:Button x=298 y=135 label=验证 id=but click=but_val.validate();/ EmailValidator 任何验证属性，请不要用脑力记忆，请参考文档！ 为消息添加样式 默认情况下，输出结果文字太小(9号)，可以采用以下方法改变输出文字大小。 mx:Style .errorTip{ fontSize:12px; } /mx:Style 在MXML组件中定义行为 定义方式共有四种，在这里不一一介绍，我们只用掌握最直观的二种。 1：属性绑定 mx:WipeLeft id=wl duration=1000/ mx:Button label=点击我！ mouseDownEffect={wl} width=200 height=58 fontSize=30/ 2：代码绑定 function initApp():void { but.setStyle(mouseDownEffect, wl); } 动画播放事件 所有的效果都继承自mx.effects.Effect类，它定义了以下几种方法来控制动画的播放流程。 play()开始播放 end()结束播放 pause()暂停播放 resume()当暂停时，从当前位置继续播放 reverse()逆向播放 stop()停止播放 可触发的属性 内建动画效果 并发、顺序效果 顺序效果：动画效果按某种顺序运行，有先后次序 并发效果：动画效果同步运行，没有先后次序 它们可以通过使用mx:parallel和mx:sequence标签引发并行和顺序播放的次序。 为数据添加效果 mx:DefaultListEffect id=elf fadeInDuration=2000 fadeOutDuration=2000/ mx:ArrayCollection id=dp mx:StringFlex/mx:String mx:StringJ2EE/mx:String /mx:ArrayCollection mx:TileList x=10 y=10 id=lst dataProvider={dp} itemsChangeEffect={elf} width=184/mx:TileList mx:Button x=214 y=11 label=删除项目 click=dp.removeItemAt(0)/ mx:Button x=214 y=83 label=添加项目 click=dp.addItemAt(.NET,0)/ flex控件 魏涛 本章内容 基本控件 容器控件 数据验证控件 特效控件 报表控件 基本控件 Alert控件 DateChooser控件 Menu控件 MenuBar控件 PopUpMenuButton控件 Alert Alert 控件是一个弹出对话框，可能包含消息、标题、