點擊藍字 ╳ 關注我們

開源項目 OpenHarmony是每個人的 OpenHarmony

萬冬陽

公司：中國科學院軟件所

小組：知識體系工作組

簡介

Easyui是一套基于ArkTS語言開發的輕量、可靠的移動端組件庫，它是對OpenAtom OpenHarmony（以下簡稱“OpenHarmony”） ArkUI進行深度定制的組件框架。Easyui可擴展性較強，可以基于源碼進行二次開發，修改原有組件以及新增部分組件，以滿足具體項目的開發需求。該框架適用大部分OpenHarmony應用的開發 ，能夠更加完善OpenHarmony 的應用開發能力，使我們的應用開發更簡單。 組件特性 ?組件種類分布 ?組件效果展示

開發環境

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

使用方法

使用前需要先安裝ohpm-cli請參考安裝教程：https://ohpm.openharmony.cn/#/cn/help/quickstart 1.下載組件

ohpminstall@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庫中的組件列表 需要的權限無 目錄結構

/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）進行研究和使用。同時也歡迎更多開發者與我們共享開發成果，分享技術解讀與經驗心得。