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

By Minidxer | November 6, 2008

接下来的例子演示了Flex中如何通过disabledIcon样式和enabled属性,在Button在改变有效/无效状态时改变图标。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         .addButton {
  9.             icon: Embed(source="images/bullet_add.png");
  10.             disabledIcon: Embed(source="images/bullet_delete.png");
  11.         }
  12.     </mx:Style>
  13.  
  14.     <mx:ApplicationControlBar dock="true">
  15.         <mx:CheckBox id="checkBox"
  16.                 label="enabled:"
  17.                 labelPlacement="left"
  18.                 selected="true" />
  19.     </mx:ApplicationControlBar>
  20.  
  21.     <mx:Button label="Add"
  22.         enabled="{checkBox.selected}"
  23.         styleName="addButton" />
  24.  
  25. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Button | No Comments » | Tags: , ,

Search Posts