多层文件夹画面转换示例

本节介绍下例中的画面切换。

第 1 层: [左],第 2 层: [左]

项目

导航
第 1、2、5 屏 (1): 第一层次主屏幕页眉/页脚 (2): 切换到第二层次导航
第 3、4 屏 (1): 第一层次主屏幕页眉/页脚 (2): 第二层次主屏幕页眉/页脚 (3): 切换到第一层次导航

第 1 层: [左],第 2 层: [图标]

项目

导航
第 1、2、5 屏 (1): 第一层次主屏幕页眉/页脚 (2): 切换到第二层次初始屏幕
第 3、4 屏 (1): 第一层次主屏幕页眉/页脚 (2): 第二层次主屏幕页眉/页脚 (3): 切换到第二层次主页屏幕   第二层次主页屏幕

第 1 层: [左],第 2 层: [滑动]

项目

导航
第 1、2、5 屏 (1): 第一层次主屏幕页眉/页脚 (2): 切换到第二层次文件夹初始屏幕
第 3、4 屏 (1): 第一层次主屏幕页眉/页脚 (2): 第二层次主屏幕页眉/页脚 (3): 滑动导航切换

通过滑动导航切换进行屏幕切换。

第 1 层: [图标],第 2 层: [图标]

项目

导航
第 1、2、5 屏 (1): 第一层次主屏幕页眉/页脚 (2): 切换到第一层次主页屏幕   第一层次主页屏幕 (3): 切换到第二层次主页屏幕
第 3、4 屏 (1): 第一层次主屏幕页眉/页脚 (2): 第二层次主屏幕页眉/页脚 (3): 切换到第二层次主页屏幕   第二层次主页屏幕 (4): 切换到第一层次主页屏幕

第 1 层: [图标],第 2 层: [左]

项目

导航
第 1、2、5 屏 (1): 第一层次主屏幕页眉/页脚 (2): 切换到第一层次主页屏幕   第二层次主页屏幕 (3): 切换到第二层次初始屏幕
第 3、4 屏 (1): 第一层次主屏幕页眉/页脚 (2): 第二层次主屏幕页眉/页脚 (3): 切换到第一层次主页屏幕

第 1 层: [图标],第 2 层: [滑动]

项目

导航
第 1、2、5 屏 (1): 第一层次主屏幕页眉/页脚 (2): 切换到第一层次主页屏幕   第二层次主页屏幕 (3): 切换到第二层次初始屏幕
第 3、4 屏 (1): 第一层次主屏幕页眉/页脚 (2): 第二层次主屏幕页眉/页脚 (3): 切换到第一层次主页屏幕 (4): 滑动导航切换

通过滑动导航切换进行屏幕切换。

第 1 层: [滑动],第 2 层: [滑动]

项目

导航
第 1、2、5 屏 (1): 第一层次主屏幕页眉/页脚 (2): 滑动导航切换
第 3、4 屏 (1): 第一层次主屏幕页眉/页脚 (2): 第二层次主屏幕页眉/页脚 (3): 滑动导航切换

通过滑动导航切换进行屏幕切换 (当第二层次初始屏幕为屏幕 3 时)。

通过滑动导航切换进行屏幕切换 (当第二层次初始屏幕为屏幕 4 时)。

第 1 层: [滑动],第 2 层: [左]

项目

导航
第 1、2、5 屏 (1): 第一层次主屏幕页眉/页脚 (2): 滑动导航切换
第 3、4 屏 (1): 第一层次主屏幕页眉/页脚 (2): 第二层次主屏幕页眉/页脚 (3): 滑动导航切换

通过滑动导航切换进行屏幕切换。

*: 第二层次初始屏幕

第 1 层: [滑动],第 2 层: [图标]

项目

导航
第 1、2、5 屏 (1): 第一层次主屏幕页眉/页脚 (2): 滑动导航切换
第 3、4 屏 (1): 第一层次主屏幕页眉/页脚 (2): 第二层次主屏幕页眉/页脚 (3): 滑动导航切换 (4): 切换到第二层次主页屏幕   第二层次主页屏幕

通过滑动导航切换进行屏幕切换。

*: 第二层次初始屏幕