如何实现一个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
相关问题
如何实现一个页面显示子窗口
389浏览 • 1回复 待解决
如何指定一个组件的宽高比例?
118浏览 • 1回复 待解决
如何实现一个折叠组件
770浏览 • 1回复 待解决
如何知道一个组件的显示和隐藏
329浏览 • 1回复 待解决
如何实现一个下拉菜单?
287浏览 • 1回复 待解决
HarmonyOS 如何实现一个遮罩层
201浏览 • 1回复 待解决
HarmonyOS 如何实现一个转圈效果
395浏览 • 2回复 待解决
ArkTS如何实现一个底部弹窗?
548浏览 • 1回复 待解决
如何实现一个带动画的弹窗?
286浏览 • 1回复 待解决
将字符串重复指定次数
244浏览 • 1回复 待解决
HarmonyOS 如何实现一个气泡聊天框
189浏览 • 1回复 待解决
除了GIF,是否还支持其他格式
1818浏览 • 1回复 待解决
HarmonyOS如何实现gif图片控制
224浏览 • 1回复 待解决
有谁知道如何实现一个表格
1711浏览 • 1回复 待解决
如何实现一个自定义询问框
246浏览 • 1回复 待解决
鸿蒙 如何实现一个渐变的圆形图片;
12343浏览 • 2回复 已解决
如何实现一个组件不停地旋转
1990浏览 • 1回复 待解决