请问如何在小程序里制作一个音乐播放列表?

请问如何在小程序里制作一个音乐播放列表?,第1张

效果展示

通过在循环容器上加载音乐列表,通过设置值将循环容器上的音乐值设置给音频组件,实现点击音乐列表,切换不同的音乐。

创建数据

注意:在数据中心你可以创建属于自己应用程序的数据表格,数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心。

创建数据表:音频

字段包含:封面、歌手、音频(音频类型)、名称。

创建事件

注意:事件是构建数据与界面元素组件链接的抽象逻辑。数据表与界面元素组件通过事件连接。

点击事件中心。

创建事件:查询音频。

点击事件中心。

创建事件:随机查询一条音乐。

触发器配置

注意:在检查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器:查询。

选中动态容器。

点击检查面板中的触发器面板。

创建触发器:随机查询一条音乐。

选中音频组件。

点击检查面板中的数据绑定与设置。

打开开关:接收动态数据。

同上,需要将动态容器中的组件均打开该开关。

选中循环容器的列表条目。

点击检查面板中的触发器面板。

创建触发器:设置音频值。

设置歌手值。

设置音乐值。

设置封面值。

选中音频组件。

点击检查面板中的触发器面板。

创建触发器:播放。

创建触发器:暂停。

选中标签文本。

点击检查面板中的触发器面板。

创建触发器。

绑定数据

注意:绑定数据可以将事件返回的数据和组件显示内容进行绑定。

选中循环容器的列表条目。

点击检查面板中的数据绑定与设置。

绑定数据。

选中动态数据。

点击检查面板中的数据绑定与设置。

绑定数据。

哈喽,我可以解答这个问题哦

首先需要准备一下创建拥有数字字段的数据表以及点击触发数字增加和数字减小的2个组件(下文简称“触发组件1”和“触发组件2”)。然后按照以下几个步骤去 *** 作:

第一步,添加动态数据容器。

第二步,添加文本组件。

第三步,创建查询事件:创建查询事件, 增加查询条件。

第四步,创建更新事件:创建数字加1 事件,创建数字减1 事件。

第五步,创建查询数字触发器:选中触发组件1,创建查询数字触发器,配置触发器。

第六步,创建点击更新数据触发器:选中触发组件,创建触发器,配置触发器。

第七步,创建查询数字触发器:选中触发组件2,创建查询数字触发器,配置触发器。

第八步,创建点击更新数据触发器:选中触发组件,创建触发器,配置触发器。

第九步,传递数值给文本:选中动态数据容器,绑定数据。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/7912433.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存