Flex中通过fontAntiAliasType, fontSharpness, fontThickness和fontGridFitType样式设置字体类型，角度，粗细等的例子

By Minidxer | October 29, 2008

接下来的例子演示了Flex中通过fontAntiAliasType, fontSharpness, fontThickness和fontGridFitType样式，设置字体类型，角度，粗细等。

让我们先来看一下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.         @font-face {
  9.             src: local("Arial");
  10.             fontFamily: "ArialEmbedded";
  11.         }
  12.  
  13.         Label {
  14.             fontFamily: ArialEmbedded;
  15.         }
  16.     </mx:Style>
  17.  
  18.     <mx:Array id="antiAliasTypes">
  19.         <mx:Object label="normal" />
  20.         <mx:Object label="advanced" />
  21.     </mx:Array>
  22.  
  23.     <mx:Array id="gridFitTypes">
  24.         <mx:Object label="none" />
  25.         <mx:Object label="pixel" />
  26.         <mx:Object label="subpixel" />
  27.     </mx:Array>
  28.  
  29.     <mx:Boolean id="isAdvanced">
  30.         {antiAliasTypeComboBox.selectedIndex == 1}
  31.     </mx:Boolean>
  32.  
  33.     <mx:ApplicationControlBar dock="true">
  34.         <mx:Form>
  35.             <mx:FormItem label="fontSize:">
  36.                 <mx:HSlider id="sizeSlider"
  37.                         minimum="6"
  38.                         maximum="24"
  39.                         value="10"
  40.                         liveDragging="true"
  41.                         snapInterval="1"
  42.                         tickInterval="1" />
  43.             </mx:FormItem>
  44.             <mx:FormItem label="rotation:">
  45.                 <mx:HSlider id="rotationSlider"
  46.                         minimum="-3"
  47.                         maximum="3"
  48.                         value="0"
  49.                         liveDragging="true"
  50.                         snapInterval="0.1"
  51.                         tickInterval="1" />
  52.             </mx:FormItem>
  53.             <mx:FormItem label="fontAntiAliasType:">
  54.                 <mx:ComboBox id="antiAliasTypeComboBox"
  55.                         dataProvider="{antiAliasTypes}" />
  56.             </mx:FormItem>
  57.             <mx:FormItem label="fontSharpness:"
  58.                     enabled="{isAdvanced}">
  59.                 <mx:HSlider id="sharpnessSlider"
  60.                         minimum="-400"
  61.                         maximum="400"
  62.                         value="0"
  63.                         liveDragging="true"
  64.                         snapInterval="1"
  65.                         tickInterval="20" />
  66.             </mx:FormItem>
  67.             <mx:FormItem label="fontThickness:"
  68.                     enabled="{isAdvanced}">
  69.                 <mx:HSlider id="thicknessSlider"
  70.                         minimum="-200"
  71.                         maximum="200"
  72.                         value="0"
  73.                         liveDragging="true"
  74.                         snapInterval="1"
  75.                         tickInterval="10" />
  76.             </mx:FormItem>
  77.             <mx:FormItem label="fontGridFitType:"
  78.                     enabled="{isAdvanced}">
  79.                 <mx:ComboBox id="gridFitTypeComboBox"
  80.                         dataProvider="{gridFitTypes}" />
  81.             </mx:FormItem>
  82.         </mx:Form>
  83.     </mx:ApplicationControlBar>
  84.  
  85.     <mx:Label id="lbl"
  86.             text="The quick brown fox jumped over the lazy dog."
  87.             fontSize="{sizeSlider.value}"
  88.             fontAntiAliasType="{antiAliasTypeComboBox.selectedItem.label}"
  89.             fontSharpness="{sharpnessSlider.value}"
  90.             fontThickness="{thicknessSlider.value}"
  91.             fontGridFitType="{gridFitTypeComboBox.selectedItem.label}"
  92.             rotation="{rotationSlider.value}"
  93.             truncateToFit="false" />
  94.  
  95. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Font | 1 Comment » | 678 views Tags: , , ,

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

One comment | Add One

  1. 金 - 01/9/2009 at 3:40 pm

    在导航容器（如accordion）中使用VBox等容器的label属性显示容器中的内容标题，如何改变label的字体大小，多谢！

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll