flex 学习篇 导航类容器

 

 

导航类容器需要使用<mx:ViewStack />。可以直接从ui设计器中拉控件过去舞台或者手动敲代码。

导航类容器就是相当于创建了一个菜单，然后按每个选项都可以进入到不同的页面。

1. 创建了<mx:ViewStack>之后需要为它指定id号。
   

   <mx:ViewStack id="viewstack1" x="343" y="237" width="264" height="223">

2. 导航里面的每个页面都需要包含在各自的<s:NavigatorContent>中。
   

     <s:NavigatorContent width="100%" height="100%" label="视图 1">
               <s:CheckBox x="105" y="93" label="复选框"/>
      </s:NavigatorContent>
      <s:NavigatorContent width="100%" height="100%" label="ff">
               <s:Panel x="14" y="13" width="250" height="200">
               </s:Panel>
      </s:NavigatorContent>
      <s:NavigatorContent width="100%" height="100%" label="ss">
               <s:Button x="118" y="88" label="按钮"/>
       </s:NavigatorContent>
          </mx:ViewStack>

3. 页面创建好了之后，就需要创建按钮给用户提供切换页面的选项。使用到了<s:ButtonBar>,需要为该类提供ViewStack类的ID号。该ButtonBar类需要放在Application类和ViewStack类之间。
   

   <s:Application>
   ........
   <s:ButtonBar y="229" left="364" width="206" dataProvider="{viewstack1}"/>
   <mx:ViewStack id="viewstack1">
   ............