如何实现一个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
相关问题
如何实现一个页面显示子窗口
690浏览 • 1回复 待解决
如何指定一个组件的宽高比例?
276浏览 • 1回复 待解决
HarmonyOS 项目支持gif吗?
387浏览 • 1回复 待解决
如何实现一个折叠组件
996浏览 • 1回复 待解决
如何知道一个组件的显示和隐藏
605浏览 • 1回复 待解决
将字符串重复指定次数
383浏览 • 1回复 待解决
HarmonyOS 如何实现一个转圈效果
765浏览 • 2回复 待解决
如何实现一个下拉菜单?
640浏览 • 1回复 待解决
ArkTS如何实现一个底部弹窗?
798浏览 • 1回复 待解决
HarmonyOS 如何实现一个遮罩层
472浏览 • 1回复 待解决
除了GIF,是否还支持其他格式
2099浏览 • 1回复 待解决
HarmonyOS Text 超出限制显示一个更多
22浏览 • 1回复 待解决
如何实现一个带动画的弹窗?
500浏览 • 1回复 待解决