Flex 移动设备应用程序的布局

1.移动设备的单个部分程序结构

　　动设备应用程序包含一个主应用程序文件和对应于各视图的文件（每个视图一个文件）.

　　

<?xml version="1.0" encoding="utf-8"?>
<s:TabbedViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" applicationDPI="160">
<fx:Script>
<![CDATA[
import views.contactsList;
import views.deleteContacts;

protected function button1_clickHandler(event:MouseEvent):void
{
tabbedNavigator.selectedIndex = 0;
ViewNavigator(tabbedNavigator.selectedNavigator).popToFirstView();

}

]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>

<s:navigators>
<s:ViewNavigator left="0" right="0" label="所有联系人" firstView="views.contactsList">
<s:navigationContent>
<s:Button width="47" height="37" icon="assert/home.png" click="button1_clickHandler(event)"/>
</s:navigationContent>
</s:ViewNavigator>
<s:ViewNavigator left="0" right="0" label="添加联系人" firstView="views.addContacts">
<s:navigationContent>
<s:Button width="47" height="37" click="button1_clickHandler(event)"
icon="assert/home.png"/>
</s:navigationContent>
</s:ViewNavigator>
<s:ViewNavigator left="0" right="0" label="删除联系人" firstView="views.deleteContacts">
<s:navigationContent>
<s:Button width="47" height="37" icon="assert/home.png" click="button1_clickHandler(event)"/>
</s:navigationContent>
</s:ViewNavigator>
</s:navigators>

</s:TabbedViewNavigatorApplication>

View Code
9. 视图(View)之间的导航

　　　　ViewNavigator 容器负责维护该堆栈。要切换视图，请将新的 View 对象推送到堆栈中，或将当前 View 对象从堆栈中弹出。从堆栈中弹出当前可见的 View 对象时，会破坏该 View 对象，并使用户返回到堆栈中的上一个视图。

　　　　pushView() 将 View 对象推送到堆栈中。作为参数传递给 pushView() 的 View 将成为当前视图。

　　　　popView() 从导航堆栈中弹出当前 View 对象，并破坏该 View 对象。堆栈中的上一个 View 对象将成为当前视图。

　　　　popToFirstView() 从堆栈中弹出所有 View 对象并将这些对象破坏，但堆栈中的第一个 View 对象除外。堆栈中的第一个 View 对象将成为当前视图。

　　　　popAll() 清空 ViewNavigator 的堆栈，并破坏所有 View 对象。应用程序将显示空白视图。

　　　　下图中显示了两个视图。要切换当前视图，请使用 ViewNavigator.pushView() 方法将代表新视图的 View 对象推送到堆栈中。pushView() 方法将使 ViewNavigator 将显示画面切换为新的 View 对象。

10.视图(View)多个部分应用程序创建导航



　　　　可以使用 ViewNavigator.popView() 方法从堆栈中删除当前 View 对象。ViewNavigator 将显示画面恢复为堆栈中的上一个 View 对象。

为具有多个部分的应用程序创建导航

在下图中，各个视图安排在多个部分中。每个部分由不同的 ViewNavigator 容器定义。每个部分包含一个或多个视图：



A. ActionBar B. 内容区域 C. 选项卡栏

要切换当前部分中的视图（对应于当前的 ViewNavigator），请使用 pushView() 和 popView() 方法。

要切换当前部分，请使用选项卡栏。切换部分时，将切换到新部分的 ViewNavigator 容器。显示画面将改为显示当前位于新 ViewNavigator 堆栈最上方的 View 对象。

也还可以使用 TabbedViewNavigator.selectedIndex 属性以程序方式切换部分。此属性包含选定视图导航器的从 0 开始的索引。