MXMLのBoxを入れ替える

by yarhalla1 forked from mxml helloworld (diff: 19)

Saiなんかにある、ツールボックスを右に表示オプションのためのテスト

♥0 | Line 33 | Modified 2012-05-10 11:20:24 | MIT License

[Download] [Fullscreen] [Reload]

ActionScript3 source code

/**
 * Copyright yarhalla1 ( http://wonderfl.net/user/yarhalla1 )
 * MIT License ( http://www.opensource.org/licenses/mit-license.php )
 * Downloaded from: http://wonderfl.net/c/x0mk
 */

<?xml version="1.0" encoding="utf-8"?>
<!-- forked from yarhalla1's mxml helloworld -->
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:HBox id="container">
        <mx:Box id="subPane" backgroundColor="#ffffaa" width="150" height="300">
            <mx:Button id="myButton" label="Hello World!" click="onClick();"/>
        </mx:Box>
        <mx:Box id="mainPane" backgroundColor="#ffaaff" width="200" height="300">
            <mx:Label text="Hello, World!" />
        </mx:Box>
    </mx:HBox>
    <mx:CheckBox id="flip" label="Flip" click="onFlip();"/>
    
    <mx:Script>
         <![CDATA[
        import mx.controls.Alert;  
           
         private function onClick():void {  
             Alert.show("HelloWorld!!");   
         }  
         private function onFlip():void {
             container.removeChild(subPane);
             container.removeChild(mainPane);
             if(flip.selected == true){
                 container.addChild(mainPane);
                 container.addChild(subPane);
             }else{
                 container.addChild(subPane);
                 container.addChild(mainPane);
             }
         }  
         ]]>
    </mx:Script>

</mx:Application>