Flex中如何在DataGrid中使用嵌入字体的例子
By Minidxer | March 31, 2009
接下来的例子演示了Flex中如何在DataGrid中使用嵌入字体。
让我们先来看一下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("Verdana");
- fontFamily: VerdanaEmbedded;
- }
- @font-face {
- src: local("Verdana");
- fontFamily: VerdanaEmbedded;
- fontWeight: bold;
- }
- </mx:Style>
- <mx:Script>
- <![CDATA[
- private var fontArr:Array;
- private function init():void {
- fontArr = Font.enumerateFonts(true);
- fontArr.sortOn("fontName", Array.CASEINSENSITIVE);
- dataGrid.dataProvider = fontArr;
- }
- ]]>
- </mx:Script>
- <mx:DataGrid id="dataGrid"
- fontFamily="VerdanaEmbedded"
- width="300"
- rowCount="10"
- creationComplete="init();"
- rotation="10">
- <mx:columns>
- <mx:DataGridColumn dataField="fontName"
- headerText="fontName:" />
- </mx:columns>
- </mx:DataGrid>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
DataGrid |
No Comments » |
Tags: @font face, DataGrid, fontFamily