« Flex2 コントロール - ボタン - | トップページ | Flex2 コントロール - ナビゲーション - »

2006年7月17日 (月)

Flex2 コントロール - Window・Dialog -

Flex2のメッセージAlertとウィンドウのサンプルと簡単な使用例です。
コントロール サンプルページ
example.mxml
LoginWindow.mxml

  • Alert
    メッセージボックスです。
    staticなshowメソッドで表示します。
    表示するボタンは第3引数でAlert.OK、Alert.CANCEL、Alert.YES、Alert.NOを指定します。
    第5引数にはクローズ時のイベントハンドラを指定できます。
    <mx:Button label="Click"
        click="mx.controls.Alert.show('よろしですか?','確認',
        Alert.YES|Alert.NO, null, closeHandler);" />
  • TitleWindow
    モーダル・モードレスウィンドウです。
    PopUpManagerと併用して表示するようです。
    PopUpManagerのcreatePopUpメソッドの第3引数にtrueを指定するとモーダル、falseならモードレスとなります。
    SDKのサンプルを見ながら少し触ってみただけですが、今のところ、とても使い辛い印象です。
    <mx:Script>
    <![CDATA[
    import mx.controls.*;
    import mx.managers.*;
    
    function popUpLoginWindow() : void{
        var window:LoginWindow = LoginWindow(
            PopUpManager.createPopUp(this, LoginWindow, true));
        
        PopUpManager.centerPopUp(window);
        window.UserName = this.userName;
        window.Password = this.password;
    }
    ]]>
    </mx:Script>
    <mx:Button label="Click" click="popUpLoginWindow();" />
    <mx:Text id="userName" /><mx:Text id="password" />
    LoginWindow.mxml
    <?xml version="1.0" encoding="utf-8"?>
    <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" title="login">
        <mx:Script>
        <![CDATA[
        import mx.managers.PopUpManager;
        import mx.controls.Text;
        
    
        public var UserName : Text;
        public var Password : Text;
    
        function okClicked() : void{
            this.UserName.text = userName.text;
            this.Password.text = password.text;
            PopUpManager.removePopUp(this);
        }
        ]]>
        </mx:Script>
        <mx:VBox>
            <mx:HBox>
                <mx:Label text="ユーザー名 :" />
                <mx:TextInput id="userName" />
            </mx:HBox>
            <mx:HBox>
                <mx:Label text="パスワード :" />
                <mx:TextInput id="password" displayAsPassword="true" />
            </mx:HBox>
            <mx:HBox>
                <mx:Button label="OK" click="okClicked();" />
                <mx:Button label="キャンセル"
                    click="PopUpManager.removePopUp(this);" />
            </mx:HBox>
        </mx:VBox>
    </mx:TitleWindow>
    

|

« Flex2 コントロール - ボタン - | トップページ | Flex2 コントロール - ナビゲーション - »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/12438/10987741

この記事へのトラックバック一覧です: Flex2 コントロール - Window・Dialog -:

« Flex2 コントロール - ボタン - | トップページ | Flex2 コントロール - ナビゲーション - »