HarmonyOS 鸿蒙Next中识别卡证集成Component Market

HarmonyOS 鸿蒙Next中识别卡证集成Component Market

iOS或Android有许多的开发组件，生态也比较成熟，轮子也很多，但鸿蒙因为刚起步，许多小白不知道在哪去找组件，下面看看我给大家推荐的地址，以我做的识别卡证元服务为例，看看都用到了哪些组件？

一、找组件

在鸿蒙开发中，可以通过以下途径查找组件

• Openharmony三方库中心仓，这里有很多受欢迎的三方库，比如我常用的

  • harmony-utils（鸿蒙开发工具类集合，其中包含获取应用信息、加密信息、屏幕信息等api）；
  • zrouter（一个好用的路由管理工具）；
  • axios（早期的网络请求框架，现在华为推荐使用rcp）；
  • imageknife（图像加载缓存库）

  当然还有很多其他的三方库，这里就不逐一列举了。

• IBest-UI：这个是基于HarmonyOS NEXT可制定主题、支持深色和浅色模式的库，其中也有许多组件，其源码可供参考

• HarmonyOS_Samples：鸿蒙Next开发示例

• HarmonyOS-Cases：鸿蒙Next开发示例

• 华为官方鸿蒙开发示例代码：里面包含了很多示例代码，非常适合学习使用

• 鸿蒙热门示例代码：华为官网的示例代码

• 鸿蒙Codelab

• **[DevEco-Studio中的Component Market]**本文主要介绍的组件使用

二、使用DevEco-Studio中的Component Market查找组件

1、根据华为官方文档集成地址可以快速在DevEco-Studio中集成Component Market

2、集成插件，在DevEco-Studio的Tool工具栏中找到Component Market

打开Component Market之后，可以通过关键词搜索你想使用的组件，比如button或者其他关键词，当然你也可以浏览一些你感兴趣的组件进行集成

三、项目中使用Component Market中的组件UINoticeBar

在许多应用中，都有注意事项的通知，我这里集成的是UINoticeBar 通过命令行快速安装

ohpm install @hw-agconnect/ui-notice-bar

在项目中使用

// 引入组件
import { UINoticeBar } from '@hw-agconnect/ui-notice-bar';

UINoticeBar({
 text: 'UINoticeBar基于open harmony基础组件开发的通告栏组件，支持滚动显示数据、修改颜色等功能。',
 showIcon: true,
 showGetMore: true,
 scrollable: this.scrollable,
 moreText: '查看更多',
 getMore: () => {
  this.scrollable = true;
 }
})

当然还有许多的接口配置、事件和示例，小伙伴们可以去自己探索一下