Smooth的博客

this.currentMusic = AvPlayerManager.songs[AvPlayerManager.index]// 注册emiiter接收上一首，下一首歌曲播放的时候新传入的歌曲对象emitter.on({ eventId: 0 }, (res) => { this.currentMusic = JSON.parse(res.data['item'])@State h:number = 0 //控制底部歌曲列表容器的高度。

router.pushUrl({ url:'pages/playPage'})// 控制一个元素旋转 .rotate({angle:this.angle}) // 元素加载完毕之后触发一个回调函数 .onAppear.onAppear(()Text(this.formatTime(this.totalTime)) //歌曲总时间。Text(this.totalTime.toString()) //歌曲总时间。// time表示当前歌曲已经播放的时长，单位是毫秒。

在index页面的播放栏的上一首按钮图片中增加属性，调用AvPlayerManager.pre()，实现上一首播放。同样，给播放栏的下一首按钮图片中增加属性，调用AvPlayerManager.next()，实现下一首播放。提一嘴，Index页面使用if (this.isplaying == false)判断播放状态，实现点击播放按钮后，出现暂停按钮，点击暂停按钮后出现播放按钮。

实例对象 ：AvPlayerManager.avPlayer，实例：AvPlayerManager.avPlayer.prepare()、AvPlayerManager.avPlayer.play()；console.log('mylog,播放歌曲:', music.name, 'url=', music.url)AvPlayerManager.avPlayer.url = music.url //给播放对象设置播放源。用户点击就将此歌曲对象传入avplayerManager.playMusic()。

ForEach(this.songs, (item: songItemType, index: number) => { if (index < 3)，index从0开始，这里表示遍历数组中前三个歌曲，之后的 else{} 表示遍历除前三之外的歌曲，数组中有几个前三之外的歌曲，就遍历几个，从第四首遍历到最后一首。歌曲列表是两种格式，一种是排名前三的歌曲（带有歌曲图片），另一种是前三之外的歌曲（不带有歌曲图片），首先设置好这两种静态布局后才进入下一步。这样才能连上网络，才能在模拟器中正常播放歌曲。

当点击某一TabContent时，将index赋值currentIndex，image设置三元判断表达式，判断背景颜色是否该变色。设置参数currentIndex类型为number，初始为0，设置属性.onChange((index:number)=>{与List内只能使用ListItem类似，Tabs内只能使用TabContent。自定义tabBuilder，使用Tabs组件实现，属性自行调整。之后才能在TabContent内调用页面。

该文章介绍鸿蒙开发中的部分基础组件，适用于鸿蒙开发的初学者。DevEco Studio-HarmonyOS Next Beta版-华为开发者联盟 (huawei.com)下载与安装软件-快速开始-DevEco Studio使用指南-工具 | 华为开发者联盟 (huawei.com)配置开发环境-快速开始-DevEco Studio使用指南-工具 | 华为开发者联盟 (huawei.com)一般来说，如果使用的是个人或家庭网络，是不需要配置代理信息的，只有部分企业网络受限的情况下，才需要配置代理信息。

可以让List里面的内容在超出终端屏幕的时候能够滚动（Column，Row不会滚动），list组件内部只能放ListItem()组件。alignContent:Alignment.TopEnd表示叠加元素对齐的初始位置。一个元素需要堆放到另外一个元素身上，就可以使用Stack组件，后面编写的元素堆放到前面编写的元素身上。左侧是文字，右侧是本地图片。可以给Text和Image增加属性，也可以给Row增加属性。能让Row内部的元素进行横向排列（默认从左到右）。能让让在cloumn的所有组件内容进行纵向排列。

ForEach作用：可以循环遍历一个数组中的每一个元素，通过回调函数将这个元素传递给编码者使用。//ForEach可以循环遍历一个数组中的每一个元素，通过回调函数将这个元素传递给编码者使用。list组件内容只能放listitem组件，listitem里面就可以放任意组件。@Entry 表示此文件是一个页面，将来这个页面可以跳转。@Component 表示此文件是一个组件。对象：用来描述一个事物的相关属性以及行为。数组：用来存储数据的一个容器。

接下来是项目实战，项目选用传智的黑马云音乐。给主体增加一个stack容器，先放一张广告图片，建议选择本地图片，再放一个button，之后微调样式与位置。