实现鸿蒙OS JavaUI 的 ElementUI 风格化

梦里梦外; 2022-10-07 09:52 26阅读 0赞

### 项目介绍 ###

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

[https://github.com/tianlanlandelan/HarmonyOS-Java-ElementUI  
][https_github.com_tianlanlandelan_HarmonyOS-Java-ElementUI]

#### 项目特点 ####

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

#### 目录结构 ####

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

### 使用效果展示 ###

#### Text ####

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

![在这里插入图片描述][2021061712022226.png_pic_center]

#### Button ####

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

![在这里插入图片描述][20210617120432811.png_pic_center]

#### DatePicker ####

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDg5MDIx_size_16_color_FFFFFF_t_70_pic_center]

#### Image ####

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

![在这里插入图片描述][2021061712022224.png_pic_center]

#### RoundProgressBar ####

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

![在这里插入图片描述][202106171202228.png_pic_center]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDg5MDIx_size_16_color_FFFFFF_t_70_pic_center 1]

### 版本说明 ###

#### 已完成 ####

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

#### 开发中 ####

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

#### 规划中 ####

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

[https_github.com_tianlanlandelan_HarmonyOS-Java-ElementUI]: https://github.com/tianlanlandelan/HarmonyOS-Java-ElementUI
[2021061712022226.png_pic_center]: /images/20221005/ec3e5fb50e9640648c6e3a687edc6d08.png
[20210617120432811.png_pic_center]: /images/20221005/5d7a7aa8f2854a049b77ea452cc0d35d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDg5MDIx_size_16_color_FFFFFF_t_70_pic_center]: /images/20221005/c161d04492cf405696477067965f9a42.png
[2021061712022224.png_pic_center]: /images/20221005/4196c3be52cc4b929bb214515571ae18.png
[202106171202228.png_pic_center]: /images/20221005/738b9b217f5c4218a8e0d02ab16a5a0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDg5MDIx_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221005/1414edbb4ae44fadb66119b122da3766.png