OpenHarmony应用开发：移动端组件-easyui

 简介

---

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

下载安裝

---

ohpm install @isrc/easyui

OpenHarmony ohpm 环境配置等更多内容，请参考如何安装 OpenHarmony ohpm 包

使用实例

---

使用easyui组件库中的AddressList地址列表组件

import { AddressList } from 'easyui'
@Entry
@Component
struct 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库中的组件列表

---

组件	组件名
业务组件
AddressList	地址列表
AddressEdit	地址编辑组件
GoodsAction	商品导航
Area	省市区选择组件
Contact	联系人
基础组件
Button	按钮组件
Popup	弹出组件
Cell	单元格组件
Radio	单选框组件
Icon	图标
表单组件
TextInput	输入框组件
Slider	滑动条组件
Rate	评分组件
DatetimePicker	时间选择组件
NumberKeyboard	数字键盘组件
Search	搜索组件
Stepper	步进器组件
Switch	开关组件
Uploader	图片上传
展示组件
Label	标签组件
NoticeBar	通告栏组件
Steps	步骤条
Tag	标记
Circle	环形进度条
ImagePreview	图片预览
SwipeCaptcha	滑动验证
CountDown	倒计时
CustomCalendar	自定义日历
CardView	卡片视图
ImageCrop	图片裁剪
ImageCurtain	图片窗帘
ImageSwiper	图片轮播
ImageZoom	图片缩放
LabelView	标签视图
MaskGuideView	蒙版引导
SearchView	搜索
反馈组件
Alert	提示消息框组件
Collapse	折叠组件
Toast	轻提示
SwipeCell	滑动单元格组件
导航组件
NavBar	导航栏
Badge	徽章
Pagination	分页组件
Tabber	标签栏
TreeSelect	分类选择组件
TabPage	标签页组件

需要权限

---

无

约束与限制

---

在下述版本验证通过：

• DevEco Studio 3.1 Beta2，version:3.1.0.400
• SDK：3.2.14.2 API9

目录结构

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

最后

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？但是又不知道从哪里下手，而且学习时频繁踩坑，最终浪费大量时间。所以本人整理了一些比较合适的鸿蒙（HarmonyOS NEXT）学习路径和一些资料的整理供小伙伴学习

点击领取→纯血鸿蒙Next全套最新学习资料希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取~~

一、鸿蒙（HarmonyOS NEXT）最新学习路线

​

有了路线图，怎么能没有学习资料呢，小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙（OpenHarmony ）学习手册（共计1236页）与鸿蒙（OpenHarmony ）开发入门教学视频，内容包含：（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）…等技术知识点。

获取以上完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料

二、HarmonyOS Next 最新全套视频教程

​

三、《鸿蒙 (OpenHarmony)开发基础到实战手册》

OpenHarmony北向、南向开发环境搭建

​

四、大厂面试必问面试题

​

五、鸿蒙南向开发技术

​

六、鸿蒙APP开发必备

​

完整鸿蒙HarmonyOS学习资料，请点击→纯血版全套鸿蒙HarmonyOS学习资料

总结

总的来说，华为鸿蒙不再兼容安卓，对中年程序员来说是一个挑战，也是一个机会。只有积极应对变化，不断学习和提升自己，他们才能在这个变革的时代中立于不败之地。