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

meteorlWJ

于 2010-04-13 17:53:00 发布

阅读量1.9k

点赞数

分类专栏： Flex 文章标签： button flex application download encoding layout

Flex 专栏收录该内容

188 篇文章

订阅专栏

本文介绍在Flex中如何使用disabledIcon样式及enabled属性实现Button图标随状态改变。通过一个实例展示了当按钮的有效/无效状态变化时，如何更换不同的图标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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