Flex中通过fontSharpness和fontAntiAliasType样式设置标签（Label）字体锐角程度的例子

By Minidxer | August 22, 2008

接下来的例子演示了Flex中如何通过fontSharpness和fontAntiAliasType样式，设置标签（Label）字体锐角程度。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="Label_fontSharpness_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:Style>
  9.         @font-face {
  10.             src: local("Arial");
  11.             fontFamily: ArialEmbedded;
  12.         }
  13.  
  14.         @font-face {
  15.             src: local("Base 02");
  16.             fontFamily: Base02Embedded;
  17.         }
  18.     </mx:Style>   
  19.  
  20.     <mx:ApplicationControlBar dock="true">
  21.         <mx:Form styleName="plain">
  22.             <mx:FormItem label="fontFamily:">
  23.                 <mx:ComboBox id="comboBox"
  24.                         dataProvider="[ArialEmbedded,Base02Embedded]" />
  25.             </mx:FormItem>
  26.             <mx:FormItem label="fontSharpness:" direction="horizontal">
  27.                 <mx:HSlider id="slider"
  28.                         minimum="-400"
  29.                         maximum="400"
  30.                         value="0"
  31.                         snapInterval="10"
  32.                         tickInterval="50"
  33.                         liveDragging="true" />
  34.                 <mx:Label text="{slider.value}" />
  35.             </mx:FormItem>
  36.         </mx:Form>
  37.     </mx:ApplicationControlBar>
  38.  
  39.     <mx:Label id="lbl"
  40.             text="The quick brown fox jumped over the lazy dog."
  41.             fontFamily="{comboBox.selectedItem}"
  42.             fontSize="16"
  43.             fontAntiAliasType="advanced"
  44.             fontSharpness="{slider.value}" />
  45.  
  46. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Flex | No Comments » | 87 views Tags: , , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

赞助商链接

Categories

Archives

Blogroll