FLEX4中如何通过textFiledClass样式给Halo/MXlist设置CFF/DefineFont4字体的例子

 

 转载的代码，本人也是刚刚入门，所以添加不上解释，望有高手可以添加一下注释以供学习接下来的例子演示了Flex 4中如何通过textFieldClass样式设置mx.core.UIFTETextField类，给Halo／MX List设置CFF／DefineFont4字体。

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <!-- http://blog.flexexamples.com/2009/11/17/using-a-cff-embedded-font-with-a-halo-list-control-in-flex-4/ -->
3. <s:Application name="Halo_List_textFieldClass_test"
4.         xmlns:fx="http://ns.adobe.com/mxml/2009"
5.         xmlns:s="library://ns.adobe.com/flex/spark"
6.         xmlns:mx="library://ns.adobe.com/flex/halo">
7.     <s:controlBarContent>
8.         <s:Label id="sdkVer"
9.                 fontFamily="df4ster"
10.                 fontSize="24"
11.                 initialize="sdkVer.text = mx_internal::VERSION;" />
12.     </s:controlBarContent>
13.  
14.     <fx:Style>
15.         @namespace s "library://ns.adobe.com/flex/spark";
16.         @namespace mx "library://ns.adobe.com/flex/halo";
17.  
18.         @font-face {
19.             src: url("C:/Windows/Fonts/Arial.ttf");
20.             embedAsCFF: true;
21.             fontFamily: df4ster;
22.         }
23.  
24.         mx|List {
25.             color: red;
26.             fontFamily: df4ster;
27.             fontSize: 16;
28.             textFieldClass: ClassReference("mx.core.UIFTETextField");
29.         }
30.     </fx:Style>
31.  
32.     <mx:List id="lst"
33.             width="200"
34.             horizontalCenter="0" verticalCenter="0">
35.         <mx:dataProvider>
36.             <mx:ArrayList>
37.                 <fx:Object label="Button"icon="@Embed('assets/Button.png')"/>
38.                 <fx:Object label="ButtonBar"icon="@Embed('assets/ButtonBar.png')"/>
39.                 <fx:Object label="CheckBox"icon="@Embed('assets/CheckBox.png')"/>
40.                 <fx:Object label="DataGroup"icon="@Embed('assets/DataGroup.png')"/>
41.                 <fx:Object label="HGroup"icon="@Embed('assets/HGroup.png')"/>
42.                 <fx:Object label="HScrollBar"icon="@Embed('assets/HScrollBar.png')"/>
43.                 <fx:Object label="HSlider"icon="@Embed('assets/HSlider.png')"/>
44.                 <fx:Object label="Label"icon="@Embed('assets/Label.png')"/>
45.                 <fx:Object label="List"icon="@Embed('assets/List.png')"/>
46.             </mx:ArrayList>
47.         </mx:dataProvider>
48.     </mx:List>
49.  
50. </s:Application>