HarmonyOS鸿蒙NEXT开源组件市场

HarmonyOS鸿蒙NEXT开源组件市场

介绍

HarmonyOS NEXT开源组件市场是一个独立的插件,需通过DevEco Studio进行安装,无需解压,直接通过zip进行本地安装,也可以通过DevEco Studio(5.0.7.200)中的插件市场进行下载。开发者可使用插件获取鸿蒙组件,添加到业务代码中直接编译运行。

在HarmonyOS NEXT组件市场的使用过程中,如果遇到问题或者改进意见,可通过调查问卷进行反馈~

相关视频

拥有它,只要3步就能构建你的鸿蒙应用,快来试试吧~

下载链接

插件下载地址

使用说明

安装插件

在线安装

  1. 安装DevEco Studio 5.0.7.200版本。
  2. 在DevEco Studio中点击File->Settings。
  3. 点击Plugins->Marketplace。
  4. 搜索HarmonyOS NEXT Component Market。
  5. 点击Install按钮进行下载安装。
  6. 安装成功后重启DevEco Studio即可使用插件。

本地安装

  1. 通过下载地址下载插件zip,无需解压。
  2. 在DevEco Studio中,选择左上角File→Setting。
  3. 找到Plugins,点击齿轮图标,选择Install Plugin from Disk。
  4. 选择插件所在路径,进行安装。
  5. 安装成功后点击OK按钮,即可通过鼠标右键使用插件。

自动获取case仓案例源代码

  1. 在光标处点击鼠标右键,选择Import HarmonyOS Case。
  2. 弹出对话框,选择源代码。
  3. 选择需要下载的案例,点击OK,等待源代码下载完成。
  4. 点击右上角Sync Now按钮,同步工程。
  5. 同步结束后,编译安装即可查看效果。

自动添加三方库及示例代码

  1. 在光标处点击鼠标右键,选择Import HarmonyOS Case。

  2. 弹出对话框,选择三方库。

  3. 选择需要使用的三方库,点击确定。

  4. 如果三方库需要在Ability中添加示例代码,会提示选择Ability文件路径。

  5. 点击右上角Sync Now按钮,同步工程。

  6. 如果添加示例代码后有错误提示,可以通过点击Ctrl+鼠标左键,查看三方库源码文件,返回后错误即可消失。

  7. 通过下方的HarmonyOS Next组件市场标签,可以查看代码添加的文件名和方法名。

约束限制条件

  1. 需要在DevEco Studio中安装使用。
  2. 需要连接互联网下载插件、源代码、三方库。

版本号

2025/2/17:v1.0.8-Alpha
2025/1/10:v1.0.7-Alpha
2024/11/6:v1.0.4-Alpha
2024/11/2:v1.0.3-Alpha
2024/10/26:v1.0.2-Alpha

Releate Note

v1.08-Alpha:

  1. 修复插件无法获取配置文件的问题

v1.0.7-Alpha:

  1. 添加三方库引入功能
  2. 添加Ability中插入代码功能
  3. 添加代码写入日志输出
  4. 修改版本更新时版本号显示问题
  5. 修改插件图标

v1.0.5-Alpha:

  1. bug fix

v1.0.4-Alpha:

  1. 显示下载进度。
  2. 可中断案例下载。
  3. 修复部分已知bug。

v1.0.3-Alpha:

  1. 增加版本更新功能。
  2. 支持在HAR中引入案例组件。
  3. 优化体验问题。

相关链接

以下为全量案例,可根据案例编号找到对应的案例,查看详细实现。

  1. 91-180号案例链接(持续更新中…)
  2. 71-90号案例链接
  3. 1-70号案例链接

HarmonyOS NEXT开源组件市场支持案例

下面是插件市场目前支持的案例,如想了解案例更多细节,可根据案例编号相关链接章节找到案例详细信息。(截至2025.2.6一共126个,持续更新中。。。)

数量 目前支持的案例 案例编号 案例介绍
1 首页下拉进入二层楼案例 108 本示例主要介绍了利用position和onTouch来实现首页下拉进入二楼、二楼上划进入首页的效果场景,利用translate和opacity实现动效的移动和缩放,并将界面沉浸式(全屏)显示。
2 图片选择和下载保存案例 16 本示例介绍图片相关场景的使用:包含访问手机相册图片、选择预览图片并显示选择的图片到当前页面,下载并保存网络图片到手机相册或到指定用户目录两个场景。
3 下拉刷新与上滑加载案例 20 本示例介绍使用第三方库的PullToRefresh组件实现列表的下拉刷新数据和上滑加载后续数据。
4 图片压缩案例 45 图片压缩在应用开发中是一个非常常见的需求,比如在处理用户上传图片时,需要上传指定大小以内的图片。目前图片压缩支持jpeg、webp、png格式。本例将介绍如何通过packing和scale实现图片压缩(如自动压缩到目标大小以内,手动调整图片质量和尺寸进行压缩等),以及把图片压缩成不同格式后保存到图库。

更多关于HarmonyOS鸿蒙NEXT开源组件市场的实战教程也可以访问 https://www.itying.com/category-93-b0.html

11 回复

我使用了该功能,但是不是我想要的方式。我想有个简便的方式引入demo project,而不是引入library。

更多关于HarmonyOS鸿蒙NEXT开源组件市场的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


怎么解决

1.0.7 Import HarmonyOS Case  直接报错了。

引起该问题的原因是插件请求配置文件数据失败,请确认网络是否可以正常使用或者网络访问是否受限。

插件已更新至1.0.8版本,可以再试一下。

案例仓代码修改了依赖的引入方式,导致旧版本的插件无法直接使用,论坛暂未更新新版本,可通过下面的链接下载新版本覆盖安装使用

https://gitee.com/harmonyos-cases/cases/raw/master/plugin/case_plugin-1.0.5-Alpha.zip

感谢使用,可以更新下1.0.5版本插件,已修复此问题:
https://gitee.com/harmonyos-cases/cases/blob/master/plugin/case_plugin-1.0.5-Alpha.zip

cke_168.png

加载本地插件时报错

这个好像要导入zip包来实现。

你安装的是case-master.zip,这是整个case仓的压缩包,并不是插件。

如果要安装的话,把case-master.zip解压,然后找到plugin文件夹,安装里面的case_plugin-版本号-Alpha.zip。

或者通过下面的链接重新下载case_plugin-版本号-Alpha.zip进行安装

https://gitee.com/harmonyos-cases/cases/raw/master/plugin/case_plugin-1.0.5-Alpha.zip

已经使用这个插件,非常好用,给作者点赞~,不过加载时间好长,并且很费流量,希望能做到本地缓存里,加载一次就好了,别每次都重新下。用手机热点的人伤不起,O(∩_∩)O哈哈~

回到顶部