Flex中如何通过disabledIcon样式和enabled属性在Button在改变有效/无效状态时改变图标的例子
By Minidxer | November 6, 2008
接下来的例子演示了Flex中如何通过disabledIcon样式和enabled属性,在Button在改变有效/无效状态时改变图标。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Style>
- .addButton {
- icon: Embed(source="images/bullet_add.png");
- disabledIcon: Embed(source="images/bullet_delete.png");
- }
- </mx:Style>
- <mx:ApplicationControlBar dock="true">
- <mx:CheckBox id="checkBox"
- label="enabled:"
- labelPlacement="left"
- selected="true" />
- </mx:ApplicationControlBar>
- <mx:Button label="Add"
- enabled="{checkBox.selected}"
- styleName="addButton" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
Button |
No Comments » |
Tags: Button, disabledIcon, icon