首页 > 代码库 > menu
menu
<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <fx:Script> <![CDATA[ import mx.controls.Alert; import mx.collections.ArrayCollection; [Embed(source="qq.png")] private var icon1:Class; [Bindable] private var user1:ArrayCollection = new ArrayCollection([ {label:"lee",data:1,tool:"ps",icon:icon1}, {label:"lei",data:2,tool:"java",icon:icon1}, {label:"huang",data:3,tool:"c#",icon:icon1} ]) private function changeFn(e:Event):void{ //Alert.show(cbx1.selectedItem.tool.toString()); } ]]> </fx:Script> <mx:ComboBox id="cbx1" height="50" selectedIndex="1" dataProvider="{user1}" width="150" change="changeFn(event)" /></s:Application>
mx:ComboBox
2、带隐藏的导航
<?xml version="1.0"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ private var backBool:Boolean=true; private function backHandler():void{ backBtn.addEventListener(Event.ENTER_FRAME,enterFrameHandler); } private function enterFrameHandler(event:Event):void{ if(backBool){ if(btnGroup.y>-30){ btnGroup.y-=5; if(btnGroup.y==-30){ backBool=!backBool; backBtn.removeEventListener(Event.ENTER_FRAME,enterFrameHandler); } } }else{ if(btnGroup.y<0){ btnGroup.y+=5; if(btnGroup.y==0){ backBool=!backBool; backBtn.removeEventListener(Event.ENTER_FRAME,enterFrameHandler); } } } } ]]> </mx:Script> <mx:VBox id="btnGroup" y="0" width="100%" backgroundColor="#eeeeee" paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5"> <mx:HBox> <mx:Button id="searchButton" label="Search Panel" click="myViewStack.selectedChild=search;"/> <mx:Button id="cInfoButton" label="Customer Info Panel" click="myViewStack.selectedChild=custInfo;"/> <mx:Button id="aInfoButton" label="Account Panel" click="myViewStack.selectedChild=accountInfo;"/> </mx:HBox> <mx:Button id="backBtn" label="back" click="backHandler()"/> </mx:VBox> <mx:ViewStack y="70" id="myViewStack" borderStyle="solid" width="100%" height="80%"> <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%"> <mx:Label text="Search Screen" color="#000000"/> </mx:Canvas> <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%"> <mx:Label text="Customer Info" color="#000000"/> </mx:Canvas> <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%"> <mx:Label text="Account Info" color="#000000"/> </mx:Canvas> </mx:ViewStack> </mx:Application>
3、 菜单栏 变色 滤镜
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" > <mx:XMLList id="myXMLList"> <!-- 添加菜单项 --> <menuiem id="menu1"> <menuiem id="SubMenu11" type="radio" groupName="one"/> <menuiem id="SubMenu12" type="radio" groupName="one"/> </menuiem> <menuiem id="menu2"> <menuiem id="SubMenu21" type="radio" groupName="two"/> <menuiem id="SubMenu22" type="radio" groupName="two"/> </menuiem> <menuiem id="menu3"> <menuiem id="SubMenu31" type="radio" groupName="three"/> <menuiem id="SubMenu32" type="radio" groupName="three"/> </menuiem> <menuiem id="menu4"> <menuiem id="SubMenu41" type="radio" groupName="four"/> <menuiem id="SubMenu42" type="radio" groupName="four"/> </menuiem> </mx:XMLList> <!-- 设置菜单项的状态 --> <mx:states> <mx:State name="index1"> <!--新建“index1”状态--> <mx:AddChild position="lastChild"> <!--添加VBox组件,组件颜色为“#FFFFFF”,透明度为0.5--> <mx:VBox id="myVBox1" x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" width="{myMenuBar.width}" height="248" backgroundColor="#FFFFFF" backgroundAlpha="0.5" fontSize="12"> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="index2"> <!--新建“index2”状态--> <mx:AddChild position="lastChild"> <!--添加VBox组件,组件颜色为“#F5E531”,透明度为0.5--> <mx:VBox id="myVBox2" x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" width="{myMenuBar.width}" height="248" backgroundColor="#F5E531" backgroundAlpha="0.5"> </mx:VBox> </mx:AddChild> </mx:State> </mx:states> <!--定义一级菜单切换效果--> <mx:transitions> <!--可以重复--> <mx:Transition id="myTransition1" fromState="*" toState="index1"> <mx:Parallel target="{myVBox1}"> <mx:WipeDown duration="2000"/> <mx:Dissolve alphaFrom="0.0" alphaTo="1.0" duration="2000"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition5" fromState="*" toState="index2"><!-- 从状态*到状态index2 --> <mx:Parallel target="{myVBox2}"> <mx:Blur blurXFrom="0" blurXTo="50" duration="2000"/><!--横坐标向外模糊50个像素 --> <mx:Dissolve alphaFrom="0.0" alphaTo="1.0" duration="2000"/> </mx:Parallel> </mx:Transition> </mx:transitions> <mx:Script> <!-- 定义状态的切换--> <![CDATA[ import mx.events.MenuEvent; private function menuClickHandle(e:MenuEvent):void { if (e.label == "menu1"||e.label =="menu2"||e.label =="menu3"||e.label =="menu4") currentState = "index1"; else if (e.label == "SubMenu11"||e.label == "SubMenu12"||e.label == "SubMenu21"||e.label == "SubMenu22"||e.label == "SubMenu31"||e.label == "SubMenu32"||e.label == "SubMenu41"||e.label == "SubMenu42") currentState = "index2"; } ]]> </mx:Script> <mx:MenuBar id="myMenuBar" y="40" width="414" dataProvider="{myXMLList}" labelField="@id" showRoot="false" horizontalCenter="0" change="menuClickHandle(event)" height="36"> </mx:MenuBar></mx:Application>
menu
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。