Flex中通过设置fontFamily样式在调色板(ColorPicker)控件中使用自定义嵌入字体的例子
By Minidxer | June 20, 2008
之前的例子中并没有专门针对调色板(ColorPicker)做过说明,不过在右上角Search一下的话,还是可以找到很多使用了调色板(ColorPicker)的例子。接下来的例子则演示了Flex中如何通过设置fontFamily样式,在调色板(ColorPicker)控件中使用自定义嵌入字体(下面Demo中点击向下箭头察看嵌入字体)。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Style>
- @font-face {
- src: local("Base 02");
- fontFamily: Base02Embedded;
- }
- </mx:Style>
- <mx:Script>
- <![CDATA[
- private function uintToHex(value:uint):String {
- var prefix:String = "000000";
- var str:String = String(prefix + value.toString(16));
- return "#" + str.substr(-6).toUpperCase();
- }
- ]]>
- </mx:Script>
- <mx:ApplicationControlBar dock="true">
- <mx:ColorPicker id="colorPicker"
- fontFamily="Base02Embedded"
- editable="false" />
- <mx:Label id="lbl"
- text="{uintToHex(colorPicker.selectedColor)}"
- fontFamily="_typewriter"
- fontSize="16" />
- </mx:ApplicationControlBar>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer
Topics:
Flex |
Tags: ColorPicker, fontFamily, 嵌入字体