《移动软件开发》实验3

《移动软件开发》实验3

一、实验目标

1、掌握视频列表的切换方法；2、掌握视频自动播放方法；3、掌握视频随机颜色弹幕效果。

二、实验步骤

3.0准备工作

实验中需要使用到一个播放的图片play.png，图片下载地址为：‘’https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/images_play.zip‘’

3.1项目创建

单击“新建”按钮完成项目创建,然后准备手动修改页面配置文件。

3.2页面配置

3.2.1创建页面文件

项目创建完毕后,在根目录中会生成文件夹pages用于存放页面文件。一般来说首页默认命名为index,表示小程序运行的第一个页面;其他页面名称可以自定义。本次只需要保留首页(index)即可。
具体操作如下:
(1)、将app. json文件内pages属性中的"pages/logs/logs"删除,并删除上一行末尾的
逗号。
(2)、按快捷键Ctrl+S保存当前修改。

3.2.2删除和修改文件

具体操作如下:
(1)删除utils文件夹及其内部所有内容。
(2)删除pages文件夹下的logs目录及其内部所有内容。
(3)删除index. wxml 和index. wxss中的全部代码。
(4)删除index. js中的全部代码,并且输入关键词"page”找到第二个选项按回车键让其自动补全函数。(5)删除app. wxss中的全部代码。
(6)删除app.js中的全部代码,并且输入关键词“app"找到第一个选项按回车键让其自动补全函数。

3.2.3创建其他文件

接下来创建其他自定义文件,本项目还需要一个文件夹用于存放播放图标。文件夹名称由开发者自定义(例如images),单击目录结构左上角的十号创建文件夹并命名为images。

右击目录结构中的images文件夹,选择“在资源管理器中显示”。在images文件夹中将图标文件复制、粘贴进去。之后，开发平台就会显示出相