Flex中如何通过disabledIcon样式和enabled属性在Button在改变有效/无效状态时改变图标的例子...

接下来的例子演示了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>


本文转自:http://blog.minidx.com/2008/11/06/1608.html