Flex中如何利用titleStyleName样式给Panel设置自定义的嵌入字体的例子

By Minidxer | April 24, 2009

接下来的例子演示了Flex中如何利用titleStyleName样式，给Panel设置自定义的嵌入字体。

让我们先来看一下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.         Panel {
  14.             titleStyleName: panelTitleStyleName;
  15.         }
  16.  
  17.         .panelTitleStyleName {
  18.             fontFamily: VerdanaEmbedded;
  19.             fontWeight: normal;
  20.         }
  21.     </mx:Style>
  22.  
  23.     <mx:Panel fontFamily="VerdanaEmbedded"
  24.             title="Title"
  25.             status="status"
  26.             width="160"
  27.             height="120"
  28.             rotation="15">
  29.         <mx:Text text="The quick brown fox jumped over the lazy dog."
  30.                 width="100%" />
  31.         <mx:ControlBar>
  32.             <mx:Label text="ControlBar label" />
  33.         </mx:ControlBar>
  34.     </mx:Panel>
  35.  
  36. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Panel | No Comments » | 812 views Tags: ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll