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" />