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

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

  下面是完整代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical"
    verticalAlign="top"
    backgroundColor="white"
    creationComplete="init;">
  
  <mx:Style>
    .myCustomSwatchPanelStyleName {
      textFieldStyleName: redBold;
    }
  
    .redBold {
      color: red;
      fontFamily: Courier;
      fontWeight: bold;
      letterSpacing: 1;
    }
  </mx:Style>
  
  <mx:ApplicationControlBardock="true">
    <mx:FormstyleName="plain">
      <mx:FormItemlabel="editable:">
        <mx:CheckBoxid="checkBox"
            selected="false"/>
      </mx:FormItem>
    </mx:Form>
  </mx:ApplicationControlBar>
  
  <mx:Form>
    <mx:FormItemlabel="default:">
      <mx:ColorPickereditable="{checkBox.selected}" />
    </mx:FormItem>
    <mx:FormItemlabel="textFieldStyleName:">
      <mx:ColorPickerid="colorPicker"
          editable="{checkBox.selected}"
          swatchPanelStyleName="myCustomSwatchPanelStyleName"/>
    </mx:FormItem>
  </mx:Form>
  
</mx:Application>


Tags:  flex控件 flex自定义鼠标 flex自定义组件 flex自定义控件

延伸阅读

最新评论

发表评论