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

之前的例子中并没有专门针对调色板(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">
7.     <mx:Style>
8.         @font-face {
9.             src: local("Base 02");
10.             fontFamily: Base02Embedded;
11.         }
12.     </mx:Style>
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>
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>
34. </mx:Application>