box-o-sand/PracticingFlex/03e4-viewstack/ViewStackDemo.mxml

45 lines
1.3 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
backgroundColor="#FFFFFF"
backgroundAlpha="0"
horizontalAlign="left"
verticalGap="15" horizontalGap="15">
<mx:Panel>
<mx:ViewStack id="vs"
x="30" y="32"
width="452" height="339"
selectedIndex="0">
<mx:Canvas backgroundColor="#FFFFCC">
<mx:Text text="This is Area 1"
fontWeight="bold"
paddingTop="10" paddingLeft="10" />
</mx:Canvas>
<mx:Canvas backgroundColor="#D7D7D7">
<mx:Text text="This is Area 2"
fontWeight="bold"
paddingTop="10" paddingLeft="10" />
</mx:Canvas>
<mx:Canvas backgroundColor="#CCCCFF">
<mx:Text text="This is Area 3" fontWeight="bold" paddingTop="10" paddingLeft="10" />
</mx:Canvas>
</mx:ViewStack>
</mx:Panel>
<mx:HBox>
<mx:Button label="Area 1"
click="vs.selectedIndex=0" />
<mx:Button label="Area 2"
click="vs.selectedIndex=1" />
<mx:Button label="Area 3"
click="vs.selectedIndex=2" />
</mx:HBox>
</mx:Application>