Flex Gumbo中如何通过StyleManager类和setStyle()事件自定义Alert的例子

By Minidxer | August 6, 2009

接下来的例子演示了Flex Gumbo中如何通过StyleManager类和setStyle()事件，自定义Alert。

让我们先来看一下Demo（可以点击这里察看源代码）：


下面是完整代码(或点击这里察看)：
下面是main.mxml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3.         xmlns:s="library://ns.adobe.com/flex/spark"
  4.         xmlns:mx="library://ns.adobe.com/flex/halo"
  5.         creationComplete="init();">
  6.  
  7.     <fx:Script>
  8.         <![CDATA[
  9.             import mx.controls.Alert;
  10.             import mx.styles.StyleManager;
  11.  
  12.             private var alert:Alert;
  13.             private var alertCSS:CSSStyleDeclaration;
  14.  
  15.             private function init():void {
  16.                 alertCSS = StyleManager.getStyleDeclaration("mx.controls.Alert");
  17.             }
  18.  
  19.             private function showAlert(color:Object):void {
  20.                 alertCSS.setStyle("modalTransparencyColor", color);
  21.                 alertCSS.setStyle("baseColor", color);
  22.                 alert = Alert.show("The quick brown fox...");
  23.             }
  24.         ]]>
  25.     </fx:Script>
  26.  
  27.     <mx:ApplicationControlBar width="100%" cornerRadius="0">
  28.         <s:Button label="Red"
  29.                 themeColor="red"
  30.                 click="showAlert('red');" />
  31.         <s:Button label="Orange"
  32.                 themeColor="haloOrange"
  33.                 click="showAlert('haloOrange');" />
  34.         <s:Button label="Yellow"
  35.                 themeColor="yellow"
  36.                 click="showAlert('yellow');" />
  37.         <s:Button label="Green"
  38.                 themeColor="haloGreen"
  39.                 click="showAlert('haloGreen');" />
  40.         <s:Button label="Blue"
  41.                 themeColor="haloBlue"
  42.                 click="showAlert('haloBlue');" />
  43.     </mx:ApplicationControlBar>
  44.  
  45. </s:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Alert, Gumbo | No Comments » | Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll