state的切换(页面的跳转)

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute" >
     < mx:Script >
         <![CDATA[
            import flash.events.MouseEvent;
            internal function changeState(event:MouseEvent):void{
                if(this.currentState=="detail"){  //currentState属性代表了目前的状态，
                    this.currentState="";
                    btnLinkButton.label="了解详情";
                }else{
                    this.currentState="detail";
                    btnLinkButton.label="返回简介";
                }
            }
            
         ]]>
     </ mx:Script >
     < mx:states >
         < mx:State  name ="detail" >
             <!--   Mx:states标签中添加一对标签mx:state ,用来定义一个状态，state对象可以使用以下方法
                    SetEventHandler   设置对象某一事件的监听方法。
                    SetProperty   设置对象的属性
                    SetStyle  设置对象的样式
                    AddChild  向对象添加一个子级元素
                    RemoveChild  删除一个子级元素
                    Transition   设置状态的过渡动画效果
      -->
             <!--  向对象添加一个子级元素   -->
             < mx:AddChild  relativeTo ="{ControlPanel}"  position ="lastChild"  creationPolicy ="all" >
                 <!--  relativeTo表示目标容器，
                    position表示新对象在容器中的位置，可选的值有before  after  firstChild  lastChild .
                        before 和after  分别表示添加到对象所在容器中，处于对象位置的前面或后面。 
                        fistChild  表示在所有子级元素的最前面
                        lastChild  表示在所有子级元素的最后

                    createPolicy可以控制对象对子级元素的显示操作，可选的值有all,auto,none,queued，默认为auto ,如果没有特殊要求，设为all就可以了。
                        all  表示总是创建对象
                        auto  表示只有需要对象时才创建
                        none  表示不创建对象，直接调用createComponentsFromDescription函数时才创建他。
                        queued   表示将对象放在等待创建的队列中，对象完成初使化再开始创建子级元素。

                 -->
                 < mx:Text  width ="100%" >
                     < mx:htmlText >
                         <![CDATA[
                            美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！
                            美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！
                            美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！
                            美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！美女啊！
                         ]]>
                     </ mx:htmlText >
                 </ mx:Text >
             </ mx:AddChild >
             <!--  设置对象的属性    -->
             < mx:SetProperty  target ="{ControlPanel}"  name ="title"  value ="详细情况" ></ mx:SetProperty >
             <!--   设置对象某一事件的监听方法   -->
             < mx:SetEventHandler  target ="{btnLinkButton}"  name ="click"  handlerFunction ="changeState" ></ mx:SetEventHandler >
             <!--  设置对象的样式   -->
             < mx:SetStyle  target ="{btnLinkButton}"  name ="color"  value ="#990000" ></ mx:SetStyle >
             <!--  删除一个子级元素   -->
             < mx:RemoveChild  target ="{image}" ></ mx:RemoveChild >
         </ mx:State >
     </ mx:states >
     < mx:Panel  x ="10"  y ="10"  width ="399"  height ="312"  layout ="absolute"  id ="ControlPanel"  title ="状态的改变" >
         < mx:Image  x ="10"  y ="10"  source ="img/5.jpg"  width ="128"  height ="189"  id ="image" />
         < mx:ControlBar >
             < mx:LinkButton  label ="了解详情"  id ="btnLinkButton"  click ="changeState(event)" />
         </ mx:ControlBar >
     </ mx:Panel >
    
</ mx:Application >