HarmonyOS鸿蒙开发指南:基础组件 image-animator开发指导

目录

创建Image-animator组件

设置Image-animator组件属性

绑定事件

场景示例

创建Image-animator组件

在pages/index目录下的hml文件中创建一个Image-animator组件，css文件中编写组件样式，js文件中引用图片。

<!-- xxx.hml -->
<div class="container">
  <image-animator class="animator" images="{
  
  {frames}}" duration="3s"/>
</div>

/* xxx.css */
.container {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F1F3F5;
}
.animator {
  width: 500px;
  height: 500px;
}