Flex中如何替换掉CheckBox的默认图标创建具有自己风格CheckBox控件的例子

繁简对译：[繁简]  字体设置：[大中小] 2009-12-14  作者：Minidxer  阅读  次

接下来的例子演示了Flex中如何替换掉CheckBox的默认图标，创建具有自己风格CheckBox控件。

让我们先来看一下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.         CheckBox {
  9.             /* Unselected icons */
  10.             upIcon: Embed(source="assets/bullet_red.png");
  11.             overIcon: Embed(source="assets/bullet_red.png");
  12.             downIcon: Embed(source="assets/bullet_yellow.png");
  13.             /* Selected icons */
  14.             selectedUpIcon: Embed(source="assets/bullet_green.png");
  15.             selectedOverIcon: Embed(source="assets/bullet_green.png");
  16.             selectedDownIcon: Embed(source="assets/bullet_yellow.png");
  17.         }
  18.     </mx:Style>
  19.  
  20.     <mx:CheckBox id="cheezburger"
  21.             label="I can has cheezburger?"
  22.             fontSize="12"
  23.             fontWeight="bold" />
  24.  
  25. </mx:Application>

上一篇：Flex中如何通过backgroundAlpha样式创建半透明下拉菜单ComboBox的例子 下一篇：Flex Gumbo中如何通过restrict属性限制TextInput输入特定字符的例子

相关文章

打印 收藏 关闭