Flex中如何在DataGrid中使用嵌入字体的例子

By Minidxer | March 31, 2009

接下来的例子演示了Flex中如何在DataGrid中使用嵌入字体。

让我们先来看一下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("Verdana");
  10.             fontFamily: VerdanaEmbedded;
  11.         }
  12.  
  13.         @font-face {
  14.             src: local("Verdana");
  15.             fontFamily: VerdanaEmbedded;
  16.             fontWeight: bold;
  17.         }
  18.     </mx:Style>
  19.  
  20.     <mx:Script>
  21.         <![CDATA[
  22.             private var fontArr:Array;
  23.  
  24.             private function init():void {
  25.                 fontArr = Font.enumerateFonts(true);
  26.                 fontArr.sortOn("fontName", Array.CASEINSENSITIVE);
  27.                 dataGrid.dataProvider = fontArr;
  28.             }
  29.         ]]>
  30.     </mx:Script>
  31.  
  32.     <mx:DataGrid id="dataGrid"
  33.             fontFamily="VerdanaEmbedded"
  34.             width="300"
  35.             rowCount="10"
  36.             creationComplete="init();"
  37.             rotation="10">
  38.         <mx:columns>
  39.             <mx:DataGridColumn dataField="fontName"
  40.                     headerText="fontName:" />
  41.         </mx:columns>
  42.     </mx:DataGrid>
  43.  
  44. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: DataGrid | No Comments » | Tags: , ,

Search Posts