[Flex] ButtonBar系列——皮肤和外观设置
2015-10-15 12:01
204 查看
<?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"> <s:layout> <s:VerticalLayout gap="3" /> </s:layout> <fx:Script> <![CDATA[ import mx.collections.ArrayList; /* import spark.components.ButtonBarButton; */ import mx.controls.buttonBarClasses.ButtonBarButton; private function toggleButton(idx:uint, selected:Boolean):void { var b3:ButtonBarButton = buttonBar.getChildAt(idx) as ButtonBarButton; b3.enabled = selected; } ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> <fx:Array id="arr"> <fx:Object label="Button"/> <fx:Object label="ButtonBar"/> <fx:Object label="ColorPicker"/> <fx:Object label="ComboBox"/> </fx:Array> </fx:Declarations> <fx:Style> @namespace s "library://ns.adobe.com/flex/spark"; @namespace mx "library://ns.adobe.com/flex/mx"; mx|ButtonBar{ buttonStyleName:myCustomButtonStyleName; } .myCustomButtonStyleName{ cornerRadius:10; } </fx:Style> <s:controlBarContent> <s:Form styleName="plain"> <s:FormItem label="Button enabled:" height="20"> <s:CheckBox id="che1" selected="true" click="toggleButton(0,che1.selected)"/> </s:FormItem> <s:FormItem label="ButtonBar enabled:" height="20"> <s:CheckBox id="che2" selected="true" click="toggleButton(1,che2.selected)"/> </s:FormItem> <s:FormItem label="ColorPicker enabled:" height="20"> <s:CheckBox id="che3" selected="true" click="toggleButton(2,che3.selected)"/> </s:FormItem> <s:FormItem label="ComboBox enabled:" height="20"> <s:CheckBox id="che4" selected="true" click="toggleButton(3,che4.selected)"/> </s:FormItem> </s:Form> </s:controlBarContent> <mx:ButtonBar id="buttonBar" dataProvider="{arr}" itemClick="lbl.text = event.label" /> <s:Label id="lbl"/> </s:Application>
相关文章推荐
- 一个简单的Tastypie
- C#中的正则表达式介绍
- c语言基本数据类型short、int、long、char、float、double
- MySQL数据库中的触发器
- JSP简单添加,查询功能代码
- 从头认识java-1.3 隐藏具体实现
- linux下vi命令 修改文件及保存的使用方法
- eclipse 条件断点
- 黑马程序员-网络编程
- ztree使用基本方法及遇到的问题解决办法
- 实现 mouse-drag 的图标拖动
- [Flex] ButtonBar系列——简单布局
- 从头认识java-1.3 隐藏具体实现
- 微软常用的服务器软件
- bootstrap实践学习总结(一)
- Java核心技术第6章(3)
- Makefile文件分析-执行流程
- 黑马程序员——Java基础语法---函数
- jquery的$.extend和$.fn.extend作用及区别
- C# 简单通信(实现文件传输)