# 多层文件夹画面转换示例

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

Hide Show

1. 第 1 层: [左]，第 2 层: [左]
2. 第 1 层: [左]，第 2 层: [图标]
3. 第 1 层: [左]，第 2 层: [滑动]
4. 第 1 层: [图标]，第 2 层: [图标]
5. 第 1 层: [图标]，第 2 层: [左]
6. 第 1 层: [图标]，第 2 层: [滑动]
7. 第 1 层: [滑动]，第 2 层: [滑动]
8. 第 1 层: [滑动]，第 2 层: [左]
9. 第 1 层: [滑动]，第 2 层: [图标]

### 第 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): 切换到第二层次主页屏幕 第二层次主页屏幕

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

*: 第二层次初始屏幕