Jun 07

Flex中通过设置fontFamily和labelStyleName样式在HSlider控件中使用嵌入字体的例子

FlexAdd comments

和前面的Flex中如何通过设置fontFamily样式在ComboBox控件中使用自定义嵌入字体的例子以及Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体的例子类似，接下来的例子演示了Flex中通过设置fontFamily和labelStyleName样式，在HSlider控件中使用嵌入字体。

让我们先来看一下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.         }
  12.  
  13.         .sliderLabelStyleName {
  14.             fontFamily: EmbeddedBase02;
  15.         }
  16.     </mx:Style>
  17.  
  18.     <mx:HSlider id="slider"
  19.             minimum="0"
  20.             maximum="20"
  21.             value="0"
  22.             labels="[0,5,10,15,20]"
  23.             snapInterval="1"
  24.             tickInterval="1"
  25.             liveDragging="true"
  26.             labelStyleName="sliderLabelStyleName"
  27.             width="200" />
  28.  
  29. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , , , , ,

Related Post

Leave a Reply