1# 一多设置典型页面 2 3### 介绍 4 5本示例展示了设置应用的典型页面，其在小窗口和大窗口有不同的显示效果，体现一次开发、多端部署的能力。 6 7实现： 8 91. 本示例使用[一次开发多端部署](https://gitee.com/openharmony/docs/tree/master/zh-cn/application-dev/key-features/multi-device-app-dev)中介绍的自适应布局能力和响应式布局能力进行多设备（或多窗口尺寸）适配，保证应用在不同设备或不同窗口尺寸下可以正常显示。 102. 本示例使用[Navigation组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-navigation.md)，实现小窗口单栏显示、大窗口双栏显示的效果。 11 12使用说明： 13 141. 启动应用，查看应用在全屏状态下的显示效果。 152. 依次点击`WLAN` -> `更多WLAN设置`，查看应用的显示效果。 163. 依次点击`更多连接`->`NFC`，查看应用的显示效果。 174. 在应用顶部，下滑出现窗口操作按钮。（建议通过外接鼠标操作，接入鼠标只需要将鼠标移动至顶部即可出现窗口） 185. 点击悬浮图标，将应用悬浮在桌面上显示。 196. 拖动应用悬浮窗口改变窗口尺寸，触发应用显示刷新。改变窗口尺寸的过程中，窗口尺寸可能超出屏幕尺寸，此时在屏幕中只能看到应用部分区域的显示。可以通过移动窗口位置，查看应用其它区域的显示。 207. 重复步骤2和3，查看应用在不同窗口尺寸下的显示效果。 21 22### 效果预览 23 24本示例在不同窗口尺寸下的显示效果。 25 26 27 28本示例在开发板上的运行效果。 29 30| 全屏显示 | 窗口操作按钮 | 悬浮显示 | 31| ---------------------------------- | ---------------------------------- | ---------------------------------- | 32|  |  |  | 33 34 35 36### 相关权限 37 38不涉及。 39 40### 依赖 41 42不涉及。 43 44### 约束与限制 45 461. 本示例仅支持在标准系统上运行。 47 482. 本示例仅支持API9版本的SDK，版本号：3.2.9.2。 49 503. 本示例需要使用DevEco Studio 3.0 Release (Build Version: 3.0.0.993)才可编译运行。 51 524. 本示例需要使用[新框架](https://gitee.com/yan-shuifeng/arkui_docs/blob/master/%E6%96%B0%E6%A1%86%E6%9E%B6%E5%88%87%E6%8D%A2/acenewpipe.md)，才可以正常安装运行。 53 545. 本示例在开发板上运行时，可以[修改开发板系统配置文件以使能系统窗口能力](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/key-features/multi-device-app-dev/faq.md#%E5%A6%82%E4%BD%95%E5%BC%80%E5%90%AF%E8%87%AA%E7%94%B1%E7%AA%97%E5%8F%A3)。 55 56
