State视图状态(1)

最新推荐文章于 2023-03-27 11:25:09 发布

b3894162

最新推荐文章于 2023-03-27 11:25:09 发布

阅读量174

点赞数

分类专栏： flex 文章标签： Adobe XML

本文链接：https://blog.csdn.net/b3894162/article/details/83532028

版权

flex 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300"
    currentState="initialState">
    <mx:Script>
        <![CDATA[
            private var i:int=1;
            private function cycleStates():void{
                switch(i){
                    case 0:
                        currentState="initialState";
                    break;
                    case 1:
                        currentState="addImg";
                    break;
                    case 2:
                        currentState="changeHolderBG";
                    break;
                }
                if(i==2){
                    i=0;
                }else{
                    i++;
                }
            }
        ]]>
    </mx:Script>
    <mx:states>
        <mx:State name="initialState"/>
        <mx:State name="addImg">
            <mx:SetProperty target="{this}" name="height" value="500"/>
            <mx:SetStyle target="{this}" name="backgroundColor" value="#ccccff"/>
            <mx:AddChild relativeTo="{mainHolder}">
                <mx:Image source="assets/3.jpg"/>
            </mx:AddChild>
            <mx:AddChild relativeTo="{mainHolder}">
                <mx:Image source="assets/1.jpg"/>
            </mx:AddChild>
        </mx:State>
        <mx:State name="changeHolderBG">
            <mx:SetProperty target="{mainHolder}" name="height" value="500"/>
            <mx:SetStyle target="{this}" name="backgroundColor" value="#ffcccc"/>
            <mx:SetProperty target="{mainHolder}" name="alpha" value="0.5"/>
        </mx:State>
    </mx:states>
    <mx:Button click="cycleStates()" label="change"/>
    <mx:HBox id="mainHolder"/>
</mx:VBox>