鸿蒙HarmonyOS 5.0开发实战：在Native侧实现进度通知功能案例

炫酷盖茨猫先生

于 2025-02-27 14:01:59 发布

阅读量1k

点赞数 15

分类专栏：鸿蒙5.0开发鸿蒙应用开发案例文章标签： harmonyos 华为 android ArkUI ArkTS 鸿蒙系统前端

本文链接：https://blog.csdn.net/m0_73088370/article/details/145902723

版权

鸿蒙5.0开发同时被 2 个专栏收录

989 篇文章

订阅专栏

鸿蒙应用开发案例

184 篇文章

订阅专栏

往期鸿蒙5.0全套实战文章必看：（文中附带鸿蒙5.0全栈学习资料）

介绍

本示例通过模拟下载场景介绍如何将Native的进度信息实时同步到ArkTS侧。

效果图预览

使用说明

点击“Start Download“按钮后，Native侧启动子线程模拟下载任务
Native侧启动子线程模拟下载，并通过Arkts的回调函数将进度信息实时传递到Arkts侧

实现思路

前端进度条使用Progress绘制

Progress({ value: this.progress, total: 100, type: ProgressType.Ring })
    .width($r("app.integer.progress_size"))
    .height($r("app.integer.progress_size"))
    .animation({ duration: NativeProgressNotifyConstants.PROGRESS_ANIMATION_DURATION, curve: Curve.Ease })
    .style({ strokeWidth: 15 })

JS侧调用Native侧方法，并传入用于接收下载进度的回调函数，在该回调函数中更改状态变量

naitiveprogressnotify.startDownload((data: number) => {
    this.progress = data;
    console.info("[NativeProgressNotify]progress:" + this.progress);
})

Naitive侧使用std::thread创建子线程执行模拟下载的任务

std::thread downloadThread(downloadTask, asyncContext);
downloadThread.detach();

Native侧模拟下载的线程中，每100ms执行一次uv_queue_work；向eventloop事件堆栈push异步任务。

 while (context && context->progress < 100) {
     context->progress += 1;
     napi_acquire_threadsafe_function(context->tsfn);
     napi_call_threadsafe_function(context->tsfn, (void *)context, napi_tsfn_blocking);
     std::this_thread::sleep_for(std::chrono::milliseconds(100));
 }

在模拟下载任务的子线程中，调用napi_call_function来执行Arkts回调，向Arkts侧传递进度信息

 napi_create_int32(arg->env, arg->progress, &progress);
 napi_call_function(arg->env, nullptr, jsCb, 1, &progress, nullptr);

高性能知识点

本例中，在Native侧使用子线程执行下载任务，从而避免对主线程资源的占用，能有效提升性能

工程结构&模块类型

verifycode                                       // har类型
|---constants
|   |---NativeProgressNotifyContants.ets         // 常量
|---view
|   |---NativeProgressNotify.ets                 // 视图层