【开源三方库】Easyui：基于 OpenAtom OpenHarmony ArkUI 深度定制的组件框架

2023-11-09
北京
本文字数：1137 字
阅读完需：约 4 分钟

万冬阳公司：中国科学院软件所小组：知识体系工作组

简介

Easyui 是一套基于 ArkTS 语言开发的轻量、可靠的移动端组件库，它是对 OpenAtom OpenHarmony（以下简称“OpenHarmony”） ArkUI 进行深度定制的组件框架。Easyui 可扩展性较强，可以基于源码进行二次开发，修改原有组件以及新增部分组件，以满足具体项目的开发需求。该框架适用大部分 OpenHarmony 应用的开发，能够更加完善 OpenHarmony 的应用开发能力，使我们的应用开发更简单。

组件特性

组件种类分布

组件效果展示

开发环境

IDE：DevEco Studio 3.1 Beta2，version:3.1.0.400

SDK：3.2.14.2 API9

使用方法

使用前需要先安装 ohpm-cli 请参考安装教程：https://ohpm.openharmony.cn/#/cn/help/quickstart

1.下载组件

ohpm install @isrc/easyui.har –-save

复制代码

2.easyui 组件库中的地址列表组件使用示例

import { AddressList } from 'easyui'@Entry@Componentstruct TestAddressList {  build() {    Column(){      Text("基础用法")        .fontSize(20)        .fontColor("#ff808080")        .margin(20)        .alignSelf(ItemAlign.Start)      AddressList({        addressList: [              //地址列表          { "id":1,"name":"张三","tel":"13000000000","address":"浙江省杭州市西湖区文一路 138 号东方通信大厦7楼501室"}          ,{ "id":2,"name":"李四","tel":"13100000000","address":"浙江省杭州市拱墅区莫干山路 50号"}          ,{ "id":3,"name":"王五","tel":"13200000000","address":"浙江省杭州市滨江区江南大道13号"}        ],        outRangeIdArray:[5,6,7]        //超出配送范围的地址id集合      })

    }.width("100%")    .height("100%")    .backgroundColor("#ffeaeaea")  }}

复制代码

easyui 库中的组件列表

需要的权限

无

目录结构

/easyui        # 项目根目录├── easyui     # easyui组件库│    └─ src/main│       └─ ets/common/components  # 组件库中的所有组件│       └─index.ets    # 组件导出文件    ├── entry      # 组件使用方法测试代码示例代码文件夹 │    └─ src/main│       └─ ets/page/Main  # 组件测试效果代码           ├── README.md  # 安装使用方法

复制代码

结语

通过本篇文章介绍，您对 easyui 组件框架应该有了初步的了解。我们所有的源码和指导文档都已经开源，如果您对本篇文章内容以及所实现的 Demo 感兴趣，可以根据本篇文章介绍自行下载 easyui 组件框架源码（https://gitee.com/openharmony-sig/ohos_easyUI）进行研究和使用。同时也欢迎更多开发者与我们共享开发成果，分享技术解读与经验心得。

发布于: 刚刚阅读数: 4

OpenHarmony开发者

关注

OpenHarmony开发者官方账号 2021-12-15 加入

OpenHarmony是由开放原子开源基金会（OpenAtom Foundation）孵化及运营的开源项目，目标是面向全场景、全连接、全智能时代，基于开源的方式，搭建一个智能终端设备操作系统的框架和平台，促进万物互联产业的繁荣发展

发布

暂无评论

创作场景

【开源三方库】Easyui：基于 OpenAtom OpenHarmony ArkUI 深度定制的组件框架

简介

组件特性

组件种类分布

组件效果展示

开发环境

使用方法

easyui 库中的组件列表

需要的权限

目录结构

结语

OpenHarmony开发者

评论