文件最后提交记录最后更新时间
add MultiDeviceAppDev folder Signed-off-by: guojin31 <guojin31@huawei.com> 3 年前
!2270 【0230】流水线编译问题处理 * 0230 流水线编译问题处理 3 年前
!2284 sample问题修复 * 修复sample 3 年前
!2314 sample问题修复 * sample问题修复,USBManager,QRCodeScan,Call,setting,jscomponentCollection 3 年前
add MultiDeviceAppDev folder Signed-off-by: guojin31 <guojin31@huawei.com> 3 年前
add MultiDeviceAppDev folder Signed-off-by: guojin31 <guojin31@huawei.com> 3 年前
add MultiDeviceAppDev folder Signed-off-by: guojin31 <guojin31@huawei.com> 3 年前
!2254 【0230】代码revert * Revert "!2225 【0230】code目录适配sdk 3.1.12.5+3.2.10.6" 3 年前
add MultiDeviceAppDev folder Signed-off-by: guojin31 <guojin31@huawei.com> 3 年前
add MultiDeviceAppDev folder Signed-off-by: guojin31 <guojin31@huawei.com> 3 年前
!2270 【0230】流水线编译问题处理 * 0230 流水线编译问题处理 3 年前
README.md

一多设置典型页面

介绍

本示例展示了设置应用的典型页面,其在小窗口和大窗口有不同的显示效果,体现一次开发、多端部署的能力。

实现:

  1. 本示例使用一次开发多端部署中介绍的自适应布局能力和响应式布局能力进行多设备(或多窗口尺寸)适配,保证应用在不同设备或不同窗口尺寸下可以正常显示。
  2. 本示例使用Navigation组件,实现小窗口单栏显示、大窗口双栏显示的效果。

使用说明:

  1. 启动应用,查看应用在全屏状态下的显示效果。
  2. 依次点击WLAN -> 更多WLAN设置,查看应用的显示效果。
  3. 依次点击更多连接->NFC,查看应用的显示效果。
  4. 在应用顶部,下滑出现窗口操作按钮。(建议通过外接鼠标操作,接入鼠标只需要将鼠标移动至顶部即可出现窗口)
  5. 点击悬浮图标,将应用悬浮在桌面上显示。
  6. 拖动应用悬浮窗口改变窗口尺寸,触发应用显示刷新。改变窗口尺寸的过程中,窗口尺寸可能超出屏幕尺寸,此时在屏幕中只能看到应用部分区域的显示。可以通过移动窗口位置,查看应用其它区域的显示。
  7. 重复步骤2和3,查看应用在不同窗口尺寸下的显示效果。

效果预览

本示例在不同窗口尺寸下的显示效果。

本示例在开发板上的运行效果。

全屏显示 窗口操作按钮 悬浮显示

相关权限

不涉及。

依赖

不涉及。

约束与限制

  1. 本示例仅支持在标准系统上运行。

  2. 本示例仅支持API9版本的SDK,版本号:3.2.9.2。

  3. 本示例需要使用DevEco Studio 3.0 Release (Build Version: 3.0.0.993)才可编译运行。

  4. 本示例需要使用新框架,才可以正常安装运行。

  5. 本示例在开发板上运行时,可以修改开发板系统配置文件以使能系统窗口能力