Flex中如何通过设置Alert控件的creationCompleteEffect样式实现特定效果显示对话框以及利用font-face嵌入普通字体和粗体的例子

By Minidxer | October 13, 2008

接下来的例子演示了Flex中如何通过设置Alert控件的creationCompleteEffect样式,实现特定效果显示对话框以及利用font-face嵌入普通字体和粗体。

让我们先来看一下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.         @font-face {
  14.             src: local("Verdana");
  15.             fontFamily: VerdanaEmbedded;
  16.             fontWeight: bold;
  17.         }
  18.  
  19.         Alert {
  20.             fontFamily: VerdanaEmbedded;
  21.             creationCompleteEffect: myEffect;
  22.         }
  23.     </mx:Style>
  24.  
  25.     <mx:Script>
  26.         <![CDATA[
  27.             import mx.controls.Alert;
  28.  
  29.             private var alert:Alert;
  30.  
  31.             private function button_click():void {
  32.                 alert = Alert.show("The quick brown fox jumped over the lazy dog", "Lorem Ipsum");
  33.             }
  34.         ]]>
  35.     </mx:Script>
  36.  
  37.     <mx:Sequence id="myEffect">
  38.         <mx:Parallel>
  39.             <mx:Zoom />
  40.             <mx:Fade />
  41.         </mx:Parallel>
  42.         <mx:Rotate />
  43.     </mx:Sequence>
  44.  
  45.     <mx:Button label="Launch Alert" click="button_click();" />
  46.  
  47. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Alert | Tags: , , , , , , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Archives

Sponsored Ads