Jun 08

Flex中通过设定fontFamily和fontWeight样式在TabBar控件中使用嵌入字体的例子

FlexAdd comments

前面不少例子都演示过fontFamily的用法了，接下来的例子演示了Flex中如何通过设定fontFamily和fontWeight样式，在TabBar控件中使用嵌入字体。

让我们先来看一下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: EmbeddedBase02;
  11.             fontWeight: bold;
  12.         }
  13.     </mx:Style>
  14.  
  15.     <mx:VBox id="vBox"
  16.             verticalGap="0"
  17.             width="320"
  18.             height="200">
  19.         <mx:TabBar id="tabBar"
  20.                 dataProvider="{viewStack}"
  21.                 fontFamily="EmbeddedBase02"
  22.                 width="100%" />
  23.         <mx:ViewStack id="viewStack"
  24.                 width="100%"
  25.                 height="100%"
  26.                 backgroundColor="white">
  27.             <mx:VBox label="One">
  28.                 <mx:Label text="one..." />
  29.             </mx:VBox>
  30.             <mx:VBox label="Two">
  31.                 <mx:Label text="two..." />
  32.             </mx:VBox>
  33.             <mx:VBox label="Three">
  34.                 <mx:Label text="three..." />
  35.             </mx:VBox>
  36.             <mx:VBox label="Four">
  37.                 <mx:Label text="four..." />
  38.             </mx:VBox>
  39.             <mx:VBox label="Five">
  40.                 <mx:Label text="five..." />
  41.             </mx:VBox>
  42.         </mx:ViewStack>
  43.     </mx:VBox>
  44.  
  45. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , , ,

Related Post

Leave a Reply