Flex 4中如何通过textFieldClass样式给Halo／MX List设置CFF／DefineFont4字体的例子

By Minidxer | November 19, 2009

接下来的例子演示了Flex 4中如何通过textFieldClass样式设置mx.core.UIFTETextField类，给Halo／MX List设置CFF／DefineFont4字体。



下面是main.mxml：

  1. <?xml version="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>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Gumbo, List | No Comments » | Tags: , ,

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll