Posts Tagged ‘Alert’

  • 这个类似于副标题的status显示在Panel顶部的右边

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical"
    verticalAlign="middle"
    backgroundColor="white" viewSourceURL="srcview/index.html">
    
    <mx:Style>
    Alert {
    statusStyleName: "myStatus";
    roundedBottomCorners: false;
    dropShadowEnabled: false;
    cornerRadius: 10;
    }
    
    .myStatus {
    color: red;
    fontWeight: bold;
    }
    </mx:Style>
    
    <mx:Script>
    <![CDATA[
    import mx.controls.Alert;
    
    private var alert:Alert;
    
    private function init():void {
    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.";
    var alertTitle:String = "The quick brown fox jumped over the lazy dog.";
    alert = Alert.show(alertText, alertTitle);
    alert.status = "I'm a status message";
    }
    ]]>
    </mx:Script>
    
    <mx:ApplicationControlBar dock=”true”>
    <mx:Button label=”Show alert” click=”init();” />
    </mx:ApplicationControlBar>
    
    </mx:Application>
    
  • 新建工程,拷贝代码,运行即可

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#FFFFFF" creationComplete="init()">
    <mx:Script>
    <![CDATA[
    import mx.controls.Alert;
    import mx.styles.StyleManager;
    
    private var css:CSSStyleDeclaration;
    
    public function init():void{
    css = StyleManager.getStyleDeclaration("Alert");
    }
    
    private function alert():void{
    Alert.show("Color");
    }
    
    private function setColor(s:Object):void{
    css.setStyle("modalTransparencyColor",s);
    }
    ]]>
    </mx:Script>
    <mx:Button label=”Alert!” click=”alert()”/>
    <mx:Label text=”在下面的输入框中输入颜色,例如#888888,0xFF00FF,red”/>
    <mx:TextInput id=”mx_ti” />
    <mx:Button label=”设置颜色” click=”{setColor(mx_ti.text)}” />
    </mx:Application>