Flex中如何利用status属性在Alert消息框上添加一个状态信息的例子

By Minidxer | October 29, 2008

接下来的例子演示了Flex中如何利用status属性,在Alert消息框上添加一个状态信息。

让我们先来看一下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.         Alert {
  9.             statusStyleName: "myStatus";
  10.             roundedBottomCorners: false;
  11.             dropShadowEnabled: false;
  12.             cornerRadius: 10;
  13.         }
  14.  
  15.         .myStatus {
  16.             color: red;
  17.             fontWeight: bold;
  18.         }
  19.     </mx:Style>
  20.  
  21.     <mx:Script>
  22.         <![CDATA[
  23.             import mx.controls.Alert;
  24.  
  25.             private var alert:Alert;
  26.  
  27.             private function init():void {
  28.                 var alertText:String = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse rutrum metus nonummy augue. In hac habitasse platea dictumst. Nulla arcu libero, nonummy non, suscipit a, mollis non, augue. Maecenas porttitor urna vel enim. Nam eget tortor. Mauris facilisis suscipit felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin nunc turpis, venenatis non, laoreet at, fringilla nec, purus. Sed sodales. Sed turpis. Vestibulum sagittis justo id metus. Sed placerat, nibh lobortis mattis adipiscing, sapien wisi interdum arcu, nec vehicula sem tortor id nibh.";
  29.                 var alertTitle:String = "The quick brown fox jumped over the lazy dog.";
  30.                 alert = Alert.show(alertText, alertTitle);
  31.                 alert.status = "I'm a status message";
  32.             }
  33.         ]]>
  34.     </mx:Script>
  35.  
  36.     <mx:ApplicationControlBar dock="true">
  37.         <mx:Button label="Show alert" click="init();" />
  38.     </mx:ApplicationControlBar>
  39.  
  40. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Alert | No Comments » | 766 views Tags: , , ,

Search Posts