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

这篇具有很好参考价值的文章主要介绍了【开源三方库】Easyui:基于OpenAtom OpenHarmony ArkUI深度定制的组件框架。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

arkts 集成easyui,开源,easyui,前端,OpenHarmony

万冬阳

公司:中国科学院软件所

小组:知识体系工作组

简介

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

组件特性

arkts 集成easyui,开源,easyui,前端,OpenHarmony

组件种类分布

arkts 集成easyui,开源,easyui,前端,OpenHarmony

组件效果展示

Easyui:基于OpenAtom 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
@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库中的组件列表

arkts 集成easyui,开源,easyui,前端,OpenHarmony

需要的权限

目录结构

/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)进行研究和使用。同时也欢迎更多开发者与我们共享开发成果,分享技术解读与经验心得。文章来源地址https://www.toymoban.com/news/detail-769409.html

到了这里,关于【开源三方库】Easyui:基于OpenAtom OpenHarmony ArkUI深度定制的组件框架的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • OpenHarmony开发实战:ArkUI常用布局容器对齐方式(ArkTS

    export struct ColumnShowList { @Consume currentColumnJustifyContent: FlexAlign; @Consume currentColumnAlignItems: HorizontalAlign; build() { Column() { Column() { ForEach(LIST, (item: number) = { CommonItem({ item: item }) }, (item: number) = JSON.stringify(item)) } … // 设置主轴对齐方式 ColumnMainAlignRadioList() .margin({ top: MARGIN_FONT_SIZE_SP

    2024年04月14日
    浏览(37)
  • OpenHarmony鸿蒙原生应用开发,ArkTS、ArkUI学习踩坑学习笔记,持续更新中。

    结论:在BIOS里面将Hyper-V打开,DevEco Studio模拟器可以成功启动。 如果在另外的文件中引用组件,需要使用export导出,并在使用的页面import该自定义组件。 1.自定义组件(被导入组件) 2.组合组件(引用自定义组件) 1、main_pages.json配置文件配置静态路由地址,配置文件

    2024年02月04日
    浏览(80)
  • ArkUI框架之声明式 UI 条件渲染&声明周期以及案例美化实战运用【OpenHarmony/HarmonyOS】

    1.1.1 用户名位数判断 实现用户名位数判断可以直接在build方法函数里进行写if语句的条件判断。 我们把用户名改到超出五位查看效果如下:

    2024年02月06日
    浏览(43)
  • OpenHarmony开源鸿蒙学习入门 - 基于3.2Release 应用开发环境安装

    基于目前官方master主支,最新文档版本3.2Release,更新应用开发环境安装文档。 一、安装IDE: 1.IDE安装的系统要求 2.IDE下载官网链接 (IDE下载链接) 3.下载完成后进行IDE安装。 【最新的IDE,HarmonyOS和OpenHarmony的IDE已经统一,只是SDK管理分开】 IDE的依赖有 node.js 和 Ohpm。 有两种

    2024年02月15日
    浏览(67)
  • 鸿蒙Harmony ArkUI十大开源项目

    一 ArkUI_Component https://gitee.com/J-Design/ArkUI_Component ArkUI组件库示例App。包括基础组件、容器组件、弹窗组件,可以在预览器或真机中,实时预览组件接口、属性调整的效果。 ArkUI 组件示例覆盖情况 继续研究更新中 组件名称 ArkUI组件示例 备注 基础组件 AlphabetIndexer - Blank - Butto

    2024年02月04日
    浏览(52)
  • 资讯速递 | ArkUI-X 预览版已正式开源!

    OpenHarmony项目群技术指导委员会(以下简称“TSC”)-跨平台应用开发框架TSG所孵化项目 —— ArkUI-X,近期已正式开源 ,开发者基于一套主代码,就可以将在OpenHarmony上开发的精美、高性能应用同时运行在Android、iOS等其它OS平台上。 ArkUI-X开源项目地址:https://gitee.com/arkui-x 

    2024年02月13日
    浏览(44)
  • 学习“基于深度学习的故障诊断”开源

    博主秋雨行舟在csdn、b站都有开源,这里只做自己的学习记录用。 基于深度学习的轴承故障诊断,原文在这里,软件的下载、环境的配置up主给的非常详细了,所以这里只记录一些代码注释 一、CNN 注意:作者的代码是有一点点问题的,更改三条代码就可以正常运行了: 1.py

    2024年02月03日
    浏览(36)
  • openHarmony4.0Release-riscv64荔枝派版本新增glmark2三方库

    如题,需要在openHarmony4.0Release-riscv64荔枝派版本的third_party目录下增加glmark2。 由于其他同事已经在别的环境上完成代码适配,可以直接拿过来用。 https://gitee.com/wawanala/glmark2-es2 在third_party目录下直接git clone下载后解压即可。 参考https://www.51cto.com/article/745922.html 文件增加以下内

    2024年04月12日
    浏览(35)
  • 基于HarmonyOS ArkUI实现音乐列表功能

    本节将演示如何在基于HarmonyOS ArkUI的List组件来实现音乐列表功能。 本文涉及的所有源码,均可以在文末链接中找到。 华为开发者论坛 规则要求具体要求如下: 第1步:观看HarmonyOS第一课“营”在暑期•系列直播,一步步学会基于HarmonyOS最新版本的应用开发。 第2步:基于自

    2024年02月11日
    浏览(42)
  • 基于Jquery EasyUI JSZip FileSaver的简单使用

    在前端的项目开发中 ,下载文件压缩包是很重要的一个环节,那么怎么下载多个文件并压缩成ZIP下载呢? 库下载地址:https://download.csdn.net/download/u012949335/88088658   

    2024年02月15日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包