HarmonyOS鸿蒙Next第一课“营”在暑期：Codelabs挑战赛+音乐专辑 开心萧萧乐

HarmonyOS鸿蒙Next第一课“营”在暑期：Codelabs挑战赛+音乐专辑 开心萧萧乐 应用简介

本文是参加“【Codelabs挑战赛】<HarmonyOS第一课>秀出你的创意，赢取惊喜好礼！”活动编写音乐专辑。

本应用基于自适应布局和响应式布局，实现一次开发，多端部署音乐专辑，完成展现音乐列表页的实现。

效果预览

开发知识

  1. 自适应布局：当外部容器大小发生变化时，元素可以根据相对关系自动变化以适应外部容器变化的布局能力。自适应布局能力可以实现界面显示随外部容器大小连续变化。
  2. 响应式布局：当外部容器大小发生变化时，元素可以根据断点、栅格或特定的特征（如屏幕方向、窗口宽高等）自动变化以适应外部容器变化的布局能力。当前响应式布局能力有2种：媒体查询、栅格布局。
  3. GridRow：栅格容器组件，仅可以和栅格子组件（GridCol）在栅格布局场景中使用。
  4. GridCol：栅格子组件，必须作为栅格容器组件（GridRow）的子组件使用。

开发总结

通过DevEcoStudio工具编写音乐专辑，学习到了在开发过程中如何使用自适应和响应式布局方式，最主要使用GridRow和GridCol布局组件，根据具体情况设置breakpoint参数，根据GridRow中的onBreakpointChange方法获得设备类型动态设置breakpoint参数。


更多关于HarmonyOS鸿蒙Next第一课“营”在暑期：Codelabs挑战赛+音乐专辑 开心萧萧乐的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

有源码吗？在官网下了这个项目的包，打不开

更多关于HarmonyOS鸿蒙Next第一课“营”在暑期：Codelabs挑战赛+音乐专辑 开心萧萧乐的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


666，

基本信息

<div>
    <p>姓名：<span style="color:#000000;">张三</span></p>
    <p>年龄：<span style="color:#000000;">28</span></p>
    <p><img src="" alt=""/></p>
</div>

HarmonyOS鸿蒙Next第一课“营”在暑期活动，结合Codelabs挑战赛与音乐专辑“开心萧萧乐”，旨在通过实践与娱乐相结合的方式，提升开发者对鸿蒙系统的理解与应用能力。Codelabs挑战赛提供实际编程任务，帮助开发者掌握鸿蒙开发技巧；音乐专辑则通过轻松的音乐氛围，激发创意与灵感。这一活动不仅增强了技术能力，也丰富了暑期生活，是技术与艺术融合的典范。

回到顶部