如何实现一个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
相关问题
如何实现一个折叠组件
406浏览 • 1回复 待解决
ArkTS如何实现一个底部弹窗?
79浏览 • 1回复 待解决
除了GIF,是否还支持其他格式
519浏览 • 1回复 待解决
有谁知道如何实现一个表格
644浏览 • 1回复 待解决
鸿蒙 如何实现一个渐变的圆形图片;
11073浏览 • 2回复 已解决
如何实现一个组件不停地旋转
907浏览 • 1回复 待解决
如何判断一个对象实现了某个接口
614浏览 • 1回复 待解决
编译一个页面,实现选座场景
348浏览 • 1回复 待解决
一个页面怎么实现多个AbilitySlice?
13100浏览 • 5回复 待解决
编写一个页面,实现不规则列表
375浏览 • 1回复 待解决
编写一个页面,实现吸顶效果
422浏览 • 1回复 待解决
如何实现一个自定义样式的toast提示
701浏览 • 1回复 待解决
如何通过定时器和画布实现一个时钟
401浏览 • 1回复 待解决
如何创建一个worker线程
398浏览 • 1回复 待解决