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

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

项目 |
导航 |
| 第 1、2、5 屏 | |
| 第 3、4 屏 |
项目 |
导航 |
| 第 1、2、5 屏 | |
| 第 3、4 屏 |
项目 |
导航 |
| 第 1、2、5 屏 | |
| 第 3、4 屏 |

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


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

*: 第二层次初始屏幕
项目 |
导航 |
| 第 1、2、5 屏 | |
| 第 3、4 屏 |
![]()
*: 第二层次初始屏幕