Flex中通过设置fontFamily样式在调色板(ColorPicker)控件中使用自定义嵌入字体的例子

By Minidxer | June 20, 2008

之前的例子中并没有专门针对调色板(ColorPicker)做过说明,不过在右上角Search一下的话,还是可以找到很多使用了调色板(ColorPicker)的例子。接下来的例子则演示了Flex中如何通过设置fontFamily样式,在调色板(ColorPicker)控件中使用自定义嵌入字体(下面Demo中点击向下箭头察看嵌入字体)。

让我们先来看一下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("Base 02");
  10.             fontFamily: Base02Embedded;
  11.         }
  12.     </mx:Style>
  13.  
  14.     <mx:Script>
  15.         <![CDATA[
  16.             private function uintToHex(value:uint):String {
  17.                 var prefix:String = "000000";
  18.                 var str:String = String(prefix + value.toString(16));
  19.                 return "#" + str.substr(-6).toUpperCase();
  20.             }
  21.         ]]>
  22.     </mx:Script>
  23.  
  24.     <mx:ApplicationControlBar dock="true">
  25.         <mx:ColorPicker id="colorPicker"
  26.                 fontFamily="Base02Embedded"
  27.                 editable="false" />
  28.         <mx:Label id="lbl"
  29.                 text="{uintToHex(colorPicker.selectedColor)}"
  30.                 fontFamily="_typewriter"
  31.                 fontSize="16" />
  32.     </mx:ApplicationControlBar>
  33.  
  34. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer

Topics: Flex | Tags: , ,

Search Posts

Archives

Sponsored Ads