HarmonyOS GIF动态图片,怎么设置只显示一次

GIF动态图片,怎么设置只显示一次

咨询场景描述: 有没有动态图的显示状态回调,api没找到此部分

HarmonyOS
2024-08-10 12:38:02
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

可以使用第三方库gif-drawable,支持Gif渲染及控制 的相关功能。详见https://ohpm.openharmony.cn/#/cn/detail/@ohos%2Fgif-drawable

可以参考demo

//demo.ets 
import { GIFComponent, ResourceLoader } from '@ohos/gif-drawable' 
import { image } from '@kit.ImageKit'; 
 
@Entry 
@Component 
struct Index { 
  // gif绘制组件用户属性设置 
  @State model: GIFComponent.ControllerOptions = new GIFComponent.ControllerOptions(); 
  // 是否自动播放 
  @State gifAutoPlay: boolean = true; 
  @State imagePixelMap: image.PixelMap | undefined = undefined 
  @State gifReset: boolean = false; 
 
  async aboutToAppear() { 
    let modelx = new GIFComponent.ControllerOptions() 
    modelx.setScaleType(GIFComponent.ScaleType.FIT_CENTER) 
      .setSpeedFactor(1) 
      .setOpenHardware(true) 
      .setLoopFinish((loopTime:number)=>{ 
        this.gifAutoPlay = false 
      }) 
    ResourceLoader.loadMedia($r('app.media.gifExample').id, getContext(this)).then((buffer) => { 
      modelx.loadBuffer(buffer, (err) => { 
        if (err) { 
          console.log('loadMediaByWorker error =' + err) 
        } 
        console.log('loadMedia加载解析成功回调绘制!') 
        this.model = modelx; 
      }) 
    }) 
  } 
 
  build() { 
    Row() { 
      Column() { 
        Text('GIF显示') 
        Button('start').onClick(()=>{ 
          this.gifAutoPlay = true; 
        }) 
        GIFComponent({ 
          model: $model, 
          autoPlay: $gifAutoPlay, 
          resetGif: $gifReset, 
        }) 
          .width(300) 
          .height(300) 
          .backgroundColor(Color.Gray) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-08-10 17:50:18
相关问题
HarmonyOS SaveButton只显示图片
398浏览 • 1回复 待解决
HarmonyOS 每秒执行一次的函数
148浏览 • 2回复 待解决
HarmonyOS Image显示GIF图片时的控制
290浏览 • 1回复 待解决
HarmonyOS里面不能一次创建多级目录
429浏览 • 1回复 待解决
HarmonyOS 如何只显示容器的侧边框
352浏览 • 1回复 待解决
有没有一次编译,多端部署的资料
341浏览 • 1回复 待解决
动画如何做渲染一次不消失
7712浏览 • 1回复 待解决
实现一次非对称RSA非对称加解密
1082浏览 • 1回复 待解决
根据一次开发多端部署开发短信页面
1206浏览 • 1回复 待解决
HarmonyOS如何实现gif图片控制
396浏览 • 1回复 待解决