# HarmonyOS-Java-ElementUI

**Repository Path**: yangkeller/HarmonyOS-Java-ElementUI

## Basic Information

- **Project Name**: HarmonyOS-Java-ElementUI
- **Description**: 鸿蒙OS 应用 Java 版本 ElementUI 界面实现
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-15
- **Last Updated**: 2021-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 项目介绍
对 HarmonyOS 应用 Java UI 框架进行封装，使其可以作为一套符合 Element UI 风格的组件，在各种项目中使用。

#### 项目特点

- 全部组件及布局使用 Java 代码创建，不依赖 xml 布局文件
- 对 Java UI 组件及布局进行了统一封装，调用简单，使用灵活
- 添加了 Ability 的模板方法，可以快速创建风格统一的 Ability

#### 目录结构

- component ：UI 组件，对 HarmonyOS 应用 Java UI 组件的封装，可以在项目中作为标准的 Element UI 风格组件使用
- config ：UI 组件配置参数
- example ：UI 组件使用实例
- layout ：布局容器，对 HarmonyOS 应用 Java UI 布局容器的封装
- template ：HarmonyOS 布局模板


### 使用效果展示

#### 首页

<img src="screenshot/index.jpg" alt="首页" style="zoom: 33%;" />



#### Text

```java
        Text text = TextFactory.getText(getContext(),"HelloWorld");
```

![text](screenshot/text.png)

#### Button

```java
        Button button = ButtonFactory.getButton(getContext(),"标准按钮");
        Button roundButton = ButtonFactory.getRoundButton(getContext(),"圆角按钮");
```

![text](screenshot/button.png)

#### DatePicker

```java
				String minDate = "2020-01-01";
        String maxDate = "2021-12-31";
        DatePicker datePicker = DatePickerFactory.getDatePicker(getContext(),minDate,maxDate);
```

![text](screenshot/datepicker.png)

#### Image

```java
Image image = ImageFactory.getImageByResourceId(getContext(), ResourceTable.Media_java);
```

![text](screenshot/iamge.png)

#### RoundProgressBar

```java
RoundProgressBar roundProgressBar =
                ProgressBarFactory.getRoundProgressBar(getContext(),40,200);
```



![text](screenshot/roundprogressbar.png)



### 版本说明

#### 已完成

- V1.0 
  - 发布时间：2021-06-11 20:09:12 
   - 版本内容：
     - 实现 Java UI 组件的简易封装
     - 对 AbilitySlice 进行封装，构造出 Slice 模板 TemplateSlice，实现了 Slice 的快速开发

#### 开发中

- V2.0
  - 发布时间 ：待定
  - 版本内容：
    - 实现 Java UI 组件的 Element UI 风格化

#### 规划中

- v3.0
  - 发布时间：待定
  - 版本内容：
    - 添加常用模板页面
- v4.0
  - 发布时间：待定
  - 版本内容：
    - 添加常用自定义组件