`

代码设置ToggleButtonBar按钮图标样式-转帖

阅读更多

转帖http://hi.baidu.com/half_cup_coffee/blog/item/cff1443d3d4d7cc09e3d62e6.html/cmtid/a911b4012654f3037aec2c15

看flex做得界面比较清秀,顾转载

 

ToggleButtonBar按钮图标的设置,方法如下:

upIcons和downIcons是你的图标class的数组

            //设置按钮样式
            private function setButtonIconStyle(ttb:ToggleButtonBar,
            upIcons:Array,downIcons:Array):void{
            ttb.validateNow();
            for(var i:int = 0;i<ttb.dataProvider.length;i++){
               var item:Object = ttb.getChildAt(i);
               item.setStyle("upIcon",upIcons[i]);
               item.setStyle("overIcon",downIcons[i]);
               item.setStyle("downIcon",downIcons[i]);
            }
            }

下面是个示例:

分享到:
评论

相关推荐

    Flexstore源码解析1 ViewStack+ToggleButtonBar实现幕布特效

    4. **优化和自定义**:最后,根据项目需求对组件进行样式和功能的自定义,例如改变按钮的图标、颜色,或者调整幕布切换的速度和动画类型。 在“demo1”工程源码中,你可以找到具体的实现细节,包括XML布局文件(如....

    Flex 3 组件实例与应用(2009版)

    - **LinkButton** - 链接样式按钮。 - **PopupButton** - 弹出式按钮,点击后可显示一个菜单。 - **RadioButton** - 单选按钮组件。 - **RadioButtonGroup** - 单选按钮组,确保同一组内只能选择一个。 - **...

    Flex UI组件使用全集

    - **ToggleButtonBar**: 支持切换状态的按钮栏。 #### Datecontrols(日期组件) - **DateChooser**: 用户可以选择日期的组件。 - **DateField**: 输入日期的文本框组件。 - **LoaderControls**: 用于加载和显示...

    Flex常规控件和组件

    9. ToggleButtonBar:ToggleButtonBar 提供了一组可切换的按钮,只有一个按钮可以被选中。toggleOnClick 属性控制用户是否可以取消已选中的按钮。 10. DateChooser:DateChooser 显示日历界面,让用户选择日期、...

    《Flex 3 组件实例与应用(2009版)》(PDF)

    ToggleButtonBar是一个可切换的按钮栏,按钮状态可在打开和关闭之间切换。 ### 日期控件(Date controls) #### DateChooser DateChooser组件提供了一个日历界面,用户可以直接选择日期。 #### DateField ...

    flex 4.6Css

    ToggleButtonBar | Tree | VScrollBar 为了方便使用,将Spark组件单独剥离出来,使用方案如下:(只限于spark组件) 引入: add silvergreen-spark-2.0.swc to libs 使用(SWC方案): 在IDE(如:Flash Builder)...

    Flex从入门到实践2

    它不内置导航组件,开发者需要自定义如LinkBar、TabBar、ButtonBar或ToggleButtonBar等组件来控制当前活动容器的切换。创建ViewStack容器通过`&lt;mx:ViewStack&gt;`标签实现,同时,为了在子容器间传递参数,通常会利用...

Global site tag (gtag.js) - Google Analytics