posts - 325, 
comments - 25, 
trackbacks - 0


          
	

          

          
	
					


          
	
	
          視圖狀態(tài)切換：
          
<?xml version="1.0" ?>
          
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
          
  backgroundColor="#FFFFFF">  
          
  <mx:states>
          
    <mx:State name="Description">
          
      <mx:AddChild relativeTo="{hbox1}" position="before">
          
        <mx:TextArea width="200" height="180" 
          
         borderStyle="none" 
          
         text="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. "/>
          
      </mx:AddChild>
          
      <mx:RemoveChild target="{descButton}"/>
          
      <mx:AddChild relativeTo="{hbox1}" position="before">
          
        <mx:Button label="Close Description" 
          
         click="this.currentState=''"/>
          
      </mx:AddChild>
          
    </mx:State>
          
  </mx:states>
          
  <mx:VBox id="vbox1" borderStyle="outset" paddingLeft="5" paddingBottom="5" paddingRight="5" paddingTop="5">
          
    <mx:Label text="Product Name" fontWeight="bold" />
          
    <mx:Button label="Open Description" 
          
     click="this.currentState='Description'" 
          
     id="descButton"/>
          
    <mx:HBox id="hbox1">
          
      <mx:Label text="$3.99"/>
          
      <mx:NumericStepper id="qty" minimum="1" 
          
       maximum="10" stepSize="1"/>
          
     <mx:Button label="Add to Cart"/>
          
    </mx:HBox>
          
  </mx:VBox>
          
</mx:Application>
          
使用過渡：由于狀態(tài)切換過于突然，要變的溫和一些
          

          

          <?xml version="1.0"?>
          
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
          
 width="400" height="400" layout="absolute"
          
 verticalScrollPolicy="off" horizontalScrollPolicy="off"
          
 backgroundColor="#FFFFFF">
          
 <mx:transitions>
          
    <mx:Transition fromState="*" toState="*">
          
      <mx:Sequence targets="{[panel1,panel2,panel3]}">
          
        <mx:Move duration="400"/>
          
        <mx:Rotate angleFrom="0" angleTo="360" filter="move" />
          
        <mx:Resize duration="400"/>
          
      </mx:Sequence>
          
    </mx:Transition>
          
  </mx:transitions>
          
  <mx:states>
          
    <mx:State name="s1">
          
      <mx:SetProperty target="{panel1}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel1}" name="y" value="60"/>
          
      <mx:SetProperty target="{panel1}" name="height" value="300"/>
          
      <mx:SetProperty target="{panel1}" name="width" value="390"/>
          
      <mx:SetProperty target="{panel2}" name="x" value="135"/>
          
      <mx:SetProperty target="{panel2}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel2}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel2}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel3}" name="x" value="270"/>
          
      <mx:SetProperty target="{panel3}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel3}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel3}" name="width" value="125"/>
          
    </mx:State>
          
    <mx:State name="s2">
          
      <mx:SetProperty target="{panel1}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel1}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel1}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel1}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel2}" name="width" value="390"/>
          
      <mx:SetProperty target="{panel2}" name="height" value="300"/>
          
      <mx:SetProperty target="{panel2}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel2}" name="y" value="60"/>
          
      <mx:SetProperty target="{panel3}" name="x" value="270"/>
          
      <mx:SetProperty target="{panel3}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel3}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel3}" name="width" value="125"/>
          
    </mx:State>
          
    <mx:State name="s3">
          
      <mx:SetProperty target="{panel1}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel1}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel1}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel1}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel2}" name="x" value="135"/>
          
      <mx:SetProperty target="{panel2}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel2}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel2}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel3}" name="width" value="390"/>
          
      <mx:SetProperty target="{panel3}" name="height" value="300"/>
          
      <mx:SetProperty target="{panel3}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel3}" name="y" value="60"/>
          
    </mx:State>
          
  </mx:states>
          
  <mx:Panel x="5" y="10" width="125" height="30" layout="absolute" title="Panel 1" id="panel1" click="this.currentState='s1'"/>
          
  <mx:Panel x="135" y="10" width="125" height="30" layout="absolute" title="Panel 2" id="panel2" click="this.currentState='s2'"/>
          
  <mx:Panel x="270" y="10" width="125" height="30" layout="absolute" id="panel3" title="Panel 3" click="this.currentState='s3'"/>
          
  <mx:Button x="167" y="368" label="Reset" click="this.currentState=''"/>
          
</mx:Application>
          

           
          


          

          

          
 
          

          <?xml version="1.0"?>
          
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
          
 width="400" height="400" layout="absolute"
          
 verticalScrollPolicy="off" horizontalScrollPolicy="off"
          
 backgroundColor="#FFFFFF">
          
 <mx:transitions>
          
    <mx:Transition fromState="*" toState="*">
          
      <mx:Sequence targets="{[panel1,panel2,panel3]}">
          
        <mx:Move duration="400"/>
          
        <mx:Rotate angleFrom="0" angleTo="360" filter="move" />
          
        <mx:Resize duration="400"/>
          
      </mx:Sequence>
          
    </mx:Transition>
          
  </mx:transitions>
          
  <mx:states>
          
    <mx:State name="s1">
          
      <mx:SetProperty target="{panel1}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel1}" name="y" value="60"/>
          
      <mx:SetProperty target="{panel1}" name="height" value="300"/>
          
      <mx:SetProperty target="{panel1}" name="width" value="390"/>
          
      <mx:SetProperty target="{panel2}" name="x" value="135"/>
          
      <mx:SetProperty target="{panel2}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel2}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel2}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel3}" name="x" value="270"/>
          
      <mx:SetProperty target="{panel3}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel3}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel3}" name="width" value="125"/>
          
    </mx:State>
          
    <mx:State name="s2">
          
      <mx:SetProperty target="{panel1}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel1}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel1}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel1}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel2}" name="width" value="390"/>
          
      <mx:SetProperty target="{panel2}" name="height" value="300"/>
          
      <mx:SetProperty target="{panel2}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel2}" name="y" value="60"/>
          
      <mx:SetProperty target="{panel3}" name="x" value="270"/>
          
      <mx:SetProperty target="{panel3}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel3}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel3}" name="width" value="125"/>
          
    </mx:State>
          
    <mx:State name="s3">
          
      <mx:SetProperty target="{panel1}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel1}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel1}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel1}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel2}" name="x" value="135"/>
          
      <mx:SetProperty target="{panel2}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel2}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel2}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel3}" name="width" value="390"/>
          
      <mx:SetProperty target="{panel3}" name="height" value="300"/>
          
      <mx:SetProperty target="{panel3}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel3}" name="y" value="60"/>
          
    </mx:State>
          
  </mx:states>
          
  <mx:Panel x="5" y="10" width="125" height="30" layout="absolute" title="Panel 1" id="panel1" click="this.currentState='s1'"/>
          
  <mx:Panel x="135" y="10" width="125" height="30" layout="absolute" title="Panel 2" id="panel2" click="this.currentState='s2'"/>
          
  <mx:Panel x="270" y="10" width="125" height="30" layout="absolute" id="panel3" title="Panel 3" click="this.currentState='s3'"/>
          
  <mx:Button x="167" y="368" label="Reset" click="this.currentState=''"/>
          
</mx:Application>
          

           
          


          
 
          

          <?xml version="1.0"?>
          
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
          
 width="400" height="400" layout="absolute"
          
 verticalScrollPolicy="off" horizontalScrollPolicy="off"
          
 backgroundColor="#FFFFFF">
          
 <mx:transitions>
          
    <mx:Transition fromState="*" toState="*">
          
      <mx:Sequence targets="{[panel1,panel2,panel3]}">
          
        <mx:Move duration="400"/>
          
        <mx:Rotate angleFrom="0" angleTo="360" filter="move" />
          
        <mx:Resize duration="400"/>
          
      </mx:Sequence>
          
    </mx:Transition>
          
  </mx:transitions>
          
  <mx:states>
          
    <mx:State name="s1">
          
      <mx:SetProperty target="{panel1}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel1}" name="y" value="60"/>
          
      <mx:SetProperty target="{panel1}" name="height" value="300"/>
          
      <mx:SetProperty target="{panel1}" name="width" value="390"/>
          
      <mx:SetProperty target="{panel2}" name="x" value="135"/>
          
      <mx:SetProperty target="{panel2}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel2}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel2}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel3}" name="x" value="270"/>
          
      <mx:SetProperty target="{panel3}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel3}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel3}" name="width" value="125"/>
          
    </mx:State>
          
    <mx:State name="s2">
          
      <mx:SetProperty target="{panel1}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel1}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel1}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel1}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel2}" name="width" value="390"/>
          
      <mx:SetProperty target="{panel2}" name="height" value="300"/>
          
      <mx:SetProperty target="{panel2}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel2}" name="y" value="60"/>
          
      <mx:SetProperty target="{panel3}" name="x" value="270"/>
          
      <mx:SetProperty target="{panel3}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel3}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel3}" name="width" value="125"/>
          
    </mx:State>
          
    <mx:State name="s3">
          
      <mx:SetProperty target="{panel1}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel1}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel1}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel1}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel2}" name="x" value="135"/>
          
      <mx:SetProperty target="{panel2}" name="y" value="10"/>
          
      <mx:SetProperty target="{panel2}" name="height" value="30"/>
          
      <mx:SetProperty target="{panel2}" name="width" value="125"/>
          
      <mx:SetProperty target="{panel3}" name="width" value="390"/>
          
      <mx:SetProperty target="{panel3}" name="height" value="300"/>
          
      <mx:SetProperty target="{panel3}" name="x" value="5"/>
          
      <mx:SetProperty target="{panel3}" name="y" value="60"/>
          
    </mx:State>
          
  </mx:states>
          
  <mx:Panel x="5" y="10" width="125" height="30" layout="absolute" title="Panel 1" id="panel1" click="this.currentState='s1'"/>
          
  <mx:Panel x="135" y="10" width="125" height="30" layout="absolute" title="Panel 2" id="panel2" click="this.currentState='s2'"/>
          
  <mx:Panel x="270" y="10" width="125" height="30" layout="absolute" id="panel3" title="Panel 3" click="this.currentState='s3'"/>
          
  <mx:Button x="167" y="368" label="Reset" click="this.currentState=''"/>
          
</mx:Application>
          

           
          

	
          posted on 2011-03-15 15:54 長春語林科技 閱讀(184) 評論(0)  編輯  收藏  所屬分類: flex 
          

          







          
	    
    




          








          

				
	



          


          
	
		
          
			
          
	
          
		
          <2011年3月>
          
	
          日一二三四五六
          272812345
          6789101112
          13141516171819
          20212223242526
          272829303112
          3456789
          

          

          
			


          
	
           
          長春語林科技歡迎您！
          

          

			

          常用鏈接
          


          留言簿(6)
          




		
          隨筆分類
          
		
				
			
	
		
          隨筆檔案
          
		
				
			
	
		
          文章分類
          
		
				
			
	
		
          文章檔案
          
		
				
			
	
		
          相冊
          
		
				
			
	
		
          收藏夾
          
		
				
			
	




          搜索
          

            
	
          • 
		
          •  
	
            • 

          


          最新評論
	
          



          閱讀排行榜
          



          評論排行榜
          


          
	

          


          


          

    







          
        
	




主站蜘蛛池模板：
彰化县|
诏安县|
灵寿县|
安陆市|
辰溪县|
邯郸市|
荆门市|
汉阴县|
伊春市|
双鸭山市|
兴山县|
仁寿县|
凉城县|
绩溪县|
雅江县|
洪湖市|
桂东县|
新昌县|
龙胜|
江川县|
长春市|
大同县|
仁布县|
福清市|
绿春县|
图们市|
洛川县|
汶川县|
南陵县|
平南县|
婺源县|
阿瓦提县|
兴文县|
格尔木市|
呼玛县|
沁阳市|
荥阳市|
宜章县|
临洮县|
顺义区|
长治县|