您的位置:首页 > Web前端 > CSS

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

2010-04-13 17:53 891 查看
接下来的例子演示了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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐