1# 一多音乐专辑主页 2 3### 介绍 4 5本示例展示了音乐专辑主页。 6 7* 头部返回栏: 因元素单一、位置固定在顶部,因此适合采用自适应拉伸,充分利用顶部区域。 8 9* 专辑封面: 使用栅格组件控制占比,在小尺寸屏幕下封面图与歌单描述在同一行。 10 11* 歌曲列表: 使用栅格组件控制宽度,在小尺寸屏幕下宽度为屏幕的100%,中尺寸屏幕下宽度为屏幕的50%,大尺寸屏幕下宽度为屏幕的75%。 12 13* 播放器: 采用自适应拉伸,充分使用底部区域。 14 15本示例使用[一次开发多端部署](https://gitee.com/openharmony/docs/tree/master/zh-cn/application-dev/key-features/multi-device-app-dev)中介绍的自适应布局能力和响应式布局能力进行多设备(或多窗口尺寸)适配,保证应用在不同设备或不同窗口尺寸下可以正常显示。 16 17使用说明: 18 191.启动应用,查看本应用在全屏状态下的效果。 20 212.在应用顶部,下滑出现窗口操作按钮。(建议通过外接鼠标操作,接入鼠标只需要将鼠标移动至顶部即可出现窗口) 22 233.点击悬浮图标,将应用悬浮在其他界面上显示。 24 254.拖动应用悬浮窗口的四个顶角,改变窗口尺寸,触发应用显示刷新。改变窗口尺寸的过程中,窗口尺寸可能超出屏幕尺寸,此时在屏幕中只能看到应用部分区域的显示。可以通过移动窗口位置,查看应用其它区域的显示。 26 27### 效果预览 28 29本示例在预览器中的效果: 30 31 32 33本示例在开发板上运行的效果: 34 35|全屏展示 |窗口操作按钮 |悬浮窗口显示 | 36|---------------------|--------------------|--------------------| 37|||| 38 39### 相关权限 40 41不涉及。 42 43### 依赖 44 45不涉及。 46 47### 约束与限制 48 491. 本示例仅支持在标准系统上运行。 50 512. 本示例仅支持API9版本的SDK,版本号: 3.2.5.5 Beta2。 52 533. 本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。 54 554. 本示例在开发板上运行时,需要修改开发板系统配置文件以使能应用窗口能力。 56 57```shell 58# 将开发板文件系统的权限配置为可读写 59hdc shell mount -o rw,remount / 60# 取出原始配置文件 61hdc file recv system/etc/window/resources/window_manager_config.xml C:\ 62# 将文件中<decor enable="false"></decor>改为<decor enable="true"></decor> 63# 用修改后的文件替换系统中的原始文件 64hdc file send C:\window_manager_config.xml system/etc/window/resources/window_manager_config.xml 65# 重启后生效 66hdc shell reboot 67```