如何实现一个GIF图显示指定次数

​如何实现一个GIF图显示指定次数

HarmonyOS
2024-01-30 22:15:00
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
temple_zhy

参考代码

@Entry 
@Component 
struct Page2 { 
  @State isShowImg: boolean = true; 
  @State showTimes: number = 5; 
  private intervalId: number = 0; 
 
  aboutToAppear() { 
    this.showTimer() 
  } 
 
  showTimer() { 
    this.intervalId = setInterval(() => { 
      if (this.showTimes !== 0) { 
        this.isShowImg = !this.isShowImg; 
        this.showTimes -= 1; 
      } else { 
        clearInterval(this.intervalId); 
      } 
    }, 500) 
  } 
 
  aboutToDisappear() { 
    clearInterval(this.intervalId); 
  } 
 
  @Builder 
  showImg() { 
    Image('').width('100%').height(30) 
      .visibility(this.isShowImg ? Visibility.Visible : Visibility.Hidden) 
  } 
 
  build() { 
    Column() { 
      Text('hello world') 
        .width('80%') 
        .height(30) 
        .background(this.showImg()) 
        .onClick(() => { 
        }) 
    } 
    .width('100%') 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-02-01 10:47:46
相关问题
如何实现一个折叠组件
443浏览 • 1回复 待解决
ArkTS如何实现一个底部弹窗?
128浏览 • 1回复 待解决
鸿蒙 如何实现一个渐变的圆形图片;
11181浏览 • 2回复 已解决
如何实现一个组件不停地旋转
1010浏览 • 1回复 待解决
有谁知道如何实现一个表格
818浏览 • 1回复 待解决
除了GIF,是否还支持其他格式
692浏览 • 1回复 待解决
如何判断一个对象实现了某个接口
659浏览 • 1回复 待解决
如何通过定时器和画布实现一个时钟
413浏览 • 1回复 待解决
如何实现一个自定义样式的toast提示
898浏览 • 1回复 待解决
编写一个页面,实现不规则列表
401浏览 • 1回复 待解决
编译一个页面,实现选座场景
382浏览 • 1回复 待解决
一个页面怎么实现多个AbilitySlice?
13202浏览 • 5回复 待解决
编写一个页面,实现吸顶效果
441浏览 • 1回复 待解决