HarmonyOS 鸿蒙Next pag网络资源加载方法，请提供demo

发布于 1周前 作者 htzhanglong 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next pag网络资源加载方法，请提供demo

pag网络资源，怎么加载，请提供demo

Harmonyos Next教程
2 回复

您可以借助libpag三方库来加载和播放.pag资源。libpag库不需要适配的，直接按照libpag使用即可。 参考链接：https://gitee.com/openharmony-sig/ohos_libpag 或者将.pag文件转换为HarmonyOS支持的其他动画格式，如GIF或Lottie（JSON）格式，再进行加载和播放。 lottie已经实现鸿蒙化，参考 https://gitee.com/openharmony-tpc/lottieArkTS 可以使用腾讯发布的[@tencent](/user/tencent)/libpag，这个有加载使用网络资源的api 参考以下代码：

import * as pag from '@tencent/libpag';
import {PAGView} from '@tencent/libpag'
@Entry
@Component
struct Index {
  @State imageViewControllers: Array = new Array();
  @State viewController: pag.PAGViewController = new pag.PAGViewController();
  @State pageIndex: number = 0;
  async aboutToAppear(): Promise {
    let file = await pag.PAGFile.LoadFromPathAsync('https://pag.io/file/like.pag')
    this.viewController.setComposition(file);
    this.viewController.setRepeatCount(-1);
    this.viewController.play();
  }
  build() {
    Column() {
      Row() {
        PAGView({
          controller: this.viewController
        })
          .onClick(()=>{
            if (this.viewController.isPlaying()) {
              this.viewController.pause();
            } else {
              this.viewController.play();
            }
          })
      }.height("70%")
      Row() {
        Button("play").width("40%").margin(10)
          .onClick(() => {
            this.viewController.play();
          })
        Button("pause").width("40%")
          .onClick(() => {
            this.viewController.pause();
          })
      }
    }
  }
}

关于HarmonyOS鸿蒙Next网络资源加载方法，以下是一个简单的demo示例，展示如何在鸿蒙应用中加载网络资源，如图片或网页内容。

图片资源加载Demo

在鸿蒙中，Image组件支持直接加载网络资源。示例代码如下：

Image('https://example.com/image.png')
    .alt($r('app.media.placeholder')) // 使用占位图
    .width(200)
    .height(200)

注意：使用前需在module.json5中申请ohos.permission.INTERNET权限。

网页资源加载Demo

对于Web组件，可使用WebviewController的loadUrl方法加载网络资源。示例如下：

import web_webview from '@ohos.web.webview';

@Entry
@Component
struct MyComponent {
    controller: web_webview.WebviewController = new web_webview.WebviewController();

    build() {
        Column() {
            Button('加载网页')
                .onClick(() => {
                    this.controller.loadUrl('https://www.example.com');
                })
        }
    }
}

在此示例中，点击按钮将加载指定的网页。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部