如何实现一个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
相关问题
鸿蒙 如何实现一个渐变的圆形图片;
10512浏览 • 2回复 已解决
如何实现一个组件不停地旋转
323浏览 • 1回复 待解决
有谁知道如何实现一个表格
191浏览 • 1回复 待解决
一个页面怎么实现多个AbilitySlice?
12516浏览 • 5回复 待解决
如何在全局实现一个自定义dialog弹窗
279浏览 • 1回复 待解决
PersistentStorage如何持久化一个对象?
655浏览 • 1回复 待解决
如何创建一个pgsql只读账户?
945浏览 • 2回复 待解决
如何开发一个纯后台应用
266浏览 • 1回复 待解决
如何调用并测试一个wifi接口?
4172浏览 • 1回复 待解决
如何一个Component画到Pixelmap上
211浏览 • 1回复 待解决