Flex中嵌入字体并且使其具有动态效果的例子

By Minidxer | July 13, 2008

接下来的例子演示了Flex中如何利用缩放效果以及Elastic.easeOut事件，rotation，alpha属性，fontAntiAliasType设置为“advanced”使其看起来比较清爽的感觉，利用effectEnd事件循环使其具有动态效果。

让我们先来看一下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:Script>
<![CDATA[
/* Import all the easing classes so its
easier to switch between them on the
fly without tweaking import statements. */
import mx.effects.easing.*;
]]>
</mx:Script>
<mx:Style>
@font-face {
src: url('assets/base02.ttf');
font-family: Base02;
}
.MyEmbeddedFont {
font-family: Base02;
font-size: 16px;
}
</mx:Style>
<mx:Zoom id="zoom" duration="2500" easingFunction="Elastic.easeOut" target="{embeddedText}" />
<mx:Text id="embeddedText" text="The quick brown fox jumped over the lazy dog." styleName="MyEmbeddedFont" rotation="5" alpha="0.8" fontAntiAliasType="advanced" creationComplete="zoom.play();" effectEnd="zoom.play()" />
</mx:Application>

代码：Peter deHaan 翻译/整理/编译：minidxer

Topics: Flex | Tags: @font face, easing, fontAntiAliasType, Zoom, 嵌入字体

中文Flex例子