10 Star 1 Fork 11

OpenHarmony-SIG / MultiType

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

MultiType

简介

更轻松、更灵活地为 List 创建多种类型布局

效果展示

下载安装

ohpm install @ohos/multitype 

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

使用说明

MultiType引用及使用

import {MultiTypeAdapter} from '@ohos/multitype'

  class itemsType {
  itemType: number = 0
  id: number = 0
  }

  //自定义item内容
  @Builder MyListItem(arr: itemsType[], index: number) {
    Column() {
      Text('title: ' + arr[index].id).fontSize(16).padding({ left: 15, right: 15, top: 15 })

    }.width('100%').alignItems((arr[index].itemType == 1) ? HorizontalAlign.Start : HorizontalAlign.End)
  }
  //页面中使用
  build() {
    Column() {
      ...
      MultiTypeAdapter({
        array: this.items,
        child: (arr: itemsType[], index: number) => {
          this.MyListItem(arr, index)
        }
      })
    }.height('94%').width('100%')
  }

接口说明

MultiTypeAdapter({}) 参数1:array List的数据源 参数2:child Item的样式

约束与限制

在下述版本验证通过:

  • DevEco Studio 版本:4.0.3.600,OpenHarmony SDK:API10(4.0.10.11)

目录结构

|---- MultiType
|     |---- entry  # 示例代码文件夹
|     |---- multitype  # multiType库文件夹
|	    |----src
          |----main
              |----ets
                  |----components/MainPage
                      |----MultiTypeAdapter.ets #核心封装逻辑
|       |---- index.ets  # 对外接口
|     |---- README.md  # 安装使用方法                    

贡献代码

使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR

开源协议

本项目基于 Apache License 2.0 ,请自由地享受和参与开源。

About

No description expand collapse
TypeScript and 3 more languages
Apache-2.0
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
1
https://gitee.com/openharmony-sig/MultiType.git
git@gitee.com:openharmony-sig/MultiType.git
openharmony-sig
MultiType
MultiType
master

Search

E71a60c3 8189591 Df7b7c6b 8189591