harmonyOS鸿蒙官网教程-三方库使用_鸿蒙三方库

三方库的基本使用

三方库概述

三方库是开发者在系统能力的基础上进行了一层具体功能的封装，对其能力进行拓展，提供更加方便的接口，提升开发效率的工具。如果是发布到开源社区，称为开源三方库，开发者可以通过访问开源社区获取。而一些团队内部开发使用的三方库，没有发布到开源社区的称为内部三方库。本课程主要介绍开源三方库。

如何获取三方库

目前提供了两种途径获取开源三方库：

1.通过访问Gitee网站开源社区获取
在Gitee中，搜索OpenHarmony-TPC仓库，在tpc_resource中对三方库进行了资源汇总，可以供开发者参考。

2.通过HarmonyOS开发者官网提供的资源中心获取
进入HarmonyOS开发者官网选择 开发>DevEco Service，在DevEco Service页面下找到资源中心，在资源中心找到三方库入口。

常用三方库介绍

常用的三方库可以分为UI、动画、网络、数据、安全、多媒体、框架、工具等。

• UI库：
  PhototView：可以通过该组件快速实现图片的缩放、平移和旋转等操作。
  RoundImageView：可以生成圆角矩形、或者椭圆形等图片形状。

• 网络库：
  HttpClient：其以耳熟能详的OKHTTP为基础，整合android-async-http、AutobahnAndroid、OkGo等库的功能特性，实现了自定义拦截器、cookie管理等功能。
  axios：运行在nodejs和浏览器中的axios，也是比较熟知的基于promise的网络请求库，同样实现了强大的网络功能。

• 动画库：
  lottie：用于解决应用中复杂动画的问题。
  reboud：可以模拟弹簧动力学，实现驱动物理效果等。

其他类别不单独介绍，感兴趣的可以通过以上获取途径进行访问了解详情。

三方库在系统能力的基础上，提供了更加方便的使用，在许多场景下，能够极大提升开发者的开发效率，下面将以lottie为例介绍三方库的基本使用。

使用开源三方库lottie

什么是lottie

lottie是基于lottie-web开发，集成在三方库社区内的开源版本，是HarmonyOS系统中复杂动画的一种解决方案。

动画是传达想法和创造更好的用户交互体验的工具，常见使用动画的场景如下：

• 启动动画：APP logo动画的播放。
• 加载动画：网络请求的loading动画。
• 上下拉刷新动画：请求更多资源时的刷新动画。
• 按钮动画：切换按钮、编辑按钮、播放按钮等按钮的切换过渡动画。
• 视图转场动画：一些场景的转场添加动画能够提升用户体验。

lottie提供了使用JSON动画文件的解决方案，开发者可以在原生应用中像使用静态图像一样使用动画，而不用关注动画的实现过程，并且lottie具有一套完整的API控制动画的行为，可以让动画更具有交互性。接下来将介绍lottie的安装和基本使用。

lottie的安装与卸载

• 安装lottie
  通过ohpm执行对应的指令，将lottie安装到项目中。

ohpm install @ohos/lottie
1

• 卸载lottie
  通过ohpm执行卸载指令，将lottie从项目中删除，其程序包和配置信息将会从项目中移除。

ohpm uninstall @ohos/lottie
1

使用lottie

• lottie的引入
  通过import指令在项目中引入lottie到文件中。

import lottie from '@ohos/lottie'
1

• 构建Canvas画布
  lottie解析JSON动画文件的数据需要基于Canvas 画布进行2D渲染，所以在加载JSON动画之前，要先初始化渲染上下文，并在画面中创建Canvas画布区域，将对应的渲染上下文renderingContext传递给Canvas。

// 初始化渲染上下文  
private renderingSettings: RenderingContextSettings = new RenderingContextSettings(true) // 设置开启抗锯齿</
1