Flex中如何利用textFieldStyleName样式自定义ColorPicker控件内文本风格的例子

By Minidxer | January 21, 2009

接下来的例子演示了Flex中如何利用textFieldStyleName样式，自定义ColorPicker控件内文本风格。

让我们先来看一下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="top"
  5.         backgroundColor="white"
  6.         creationComplete="init();">
  7.  
  8.     <mx:Style>
  9.         .myCustomSwatchPanelStyleName {
  10.             textFieldStyleName: redBold;
  11.         }
  12.  
  13.         .redBold {
  14.             color: red;
  15.             fontFamily: Courier;
  16.             fontWeight: bold;
  17.             letterSpacing: 1;
  18.         }
  19.     </mx:Style>
  20.  
  21.     <mx:ApplicationControlBar dock="true">
  22.         <mx:Form styleName="plain">
  23.             <mx:FormItem label="editable:">
  24.                 <mx:CheckBox id="checkBox"
  25.                         selected="false" />
  26.             </mx:FormItem>
  27.         </mx:Form>
  28.     </mx:ApplicationControlBar>
  29.  
  30.     <mx:Form>
  31.         <mx:FormItem label="default:">
  32.             <mx:ColorPicker editable="{checkBox.selected}" />
  33.         </mx:FormItem>
  34.         <mx:FormItem label="textFieldStyleName:">
  35.             <mx:ColorPicker id="colorPicker"
  36.                     editable="{checkBox.selected}"
  37.                     swatchPanelStyleName="myCustomSwatchPanelStyleName" />
  38.         </mx:FormItem>
  39.     </mx:Form>
  40.  
  41. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll