Flex中如何通过设置Alert控件的creationCompleteEffect样式实现特定效果显示对话框以及利用font-face嵌入普通字体和粗体的例子
By Minidxer | October 13, 2008
接下来的例子演示了Flex中如何通过设置Alert控件的creationCompleteEffect样式,实现特定效果显示对话框以及利用font-face嵌入普通字体和粗体。
让我们先来看一下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:Style>
- @font-face {
- src: local("Verdana");
- fontFamily: VerdanaEmbedded;
- }
- @font-face {
- src: local("Verdana");
- fontFamily: VerdanaEmbedded;
- fontWeight: bold;
- }
- Alert {
- fontFamily: VerdanaEmbedded;
- creationCompleteEffect: myEffect;
- }
- </mx:Style>
- <mx:Script>
- <![CDATA[
- import mx.controls.Alert;
- private var alert:Alert;
- private function button_click():void {
- alert = Alert.show("The quick brown fox jumped over the lazy dog", "Lorem Ipsum");
- }
- ]]>
- </mx:Script>
- <mx:Sequence id="myEffect">
- <mx:Parallel>
- <mx:Zoom />
- <mx:Fade />
- </mx:Parallel>
- <mx:Rotate />
- </mx:Sequence>
- <mx:Button label="Launch Alert" click="button_click();" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
Alert |
Tags: @font face, Alert, creationCompleteEffect, Fade, local(), Parallel, rotate(), Sequence, Zoom