华为鸿蒙北向应用开发DAY4——来自软通教育项目实训

第四天，先学习媒体组件和画布组件，媒体组件包括相机和视频，相机组件需要在实体机上运行暂时不考虑，video组件用来播放视频，可以再虚拟机上演示，以老师在视频的错误示范为例，创建新的pages时名字不要和已有的组件等名称被系统定义过的名字相同，否则无法正常运行：

还要注意，在配置文件里将视频配置放到最上面，来让播放视频的页面可以作为第一个页面显示

动画：

创建动画有两种方式：基于组件的animate方法快速创建和运行动画，基于系统api接口创建和运行动画。

基于组件的animate方法快速创建和运行动画：

在.css文件中只写了X轴方向的变化，在.js文件中调用onframe（）方法，参数是当前帧的插值，再更新长和宽，当前帧的插值是我们定义的在X轴上运动时的值，所以更新的目的是让宽度和长度相等。

基于系统api接口创建和运行动画：

在绘画函数中获取画布，更新圆心位置，使用requestAnimationFrame方法逐帧回调绘画函数。

自定义组件：