21 Star 106 Fork 114

OpenHarmony / graphic_ui

加入 Gitee
与超过 600 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README_zh.md

图形UI组件

简介

图形UI组件实现了一套系统级的图形引擎。

该组件为应用开发提供UIKit接口,包括了动画、布局、图形转换、事件处理,以及丰富的UI组件。

组件内部直接调用HAL接口,或者使用WMS(Window Manager Service)提供的客户端与硬件交互,以完成事件响应、图像绘制等操作。

图 1 图形子系统架构图

目录

/foundation/graphic/ui
├── frameworks                  # 框架代码
│   ├── animator                # 动画模块
│   ├── common                  # 公共模块
│   ├── components              # 组件
│   ├── core                    # ui主流程(渲染、任务管理等)
│   ├── default_resource
│   ├── dfx                     # 维测功能
│   ├── dock                    # 驱动适配层
│   │   └── ohos                # ohos平台适配
│   ├── draw                    # 绘制逻辑
│   ├── engines                 # 绘制引擎
│   │   ├── dfb
│   │   ├── general
│   │   ├── gpu_vglite
│   │   └── software_zlite
│   ├── events                  # 事件
│   ├── font                    # 字体
│   ├── imgdecode               # 图片管理
│   ├── layout                  # 页面布局
│   ├── themes                  # 主题管理
│   ├── window                  # 窗口管理适配层
│   └── window_manager
│       └── dfb
├── interfaces                  # 接口
│   ├── innerkits               # 模块间接口
│   │   └── xxx                 # 子模块的接口
│   └── kits                    # 对外接口
│       └── xxx                 # 子模块的接口
├── test                        # 测试代码
│   ├── framework
│   │   ├── include             # 测试框架头文件
│   │   └── src                 # 测试框架源码
│   ├── uitest                  # 显示效果测试(可执行程序在foundation/graphic/wms/test:sample_ui)
│   │   └── test_xxx            # 具体UI组件效果测试
│   └── unittest                # 单元测试
│       └── xxx                 # 具体UI组件单元测试
└── tools                       # 测试和模拟器工具(模拟器工程、资源文件)
    └── qt                      # QT工程

约束

平台约束

  • Windows平台仅支持QT和OHOS IDE。
  • 其他平台支持情况参考vendor/hisilicon/[product_name]/config.json中的graphic标签(不存在graphic标签即该产品不存在图形子系统)。

编译构建

# 通过gn编译,在out目录下对应产品的文件夹中生成图形库
hb build -T //foundation/graphic/ui:lite_ui -f  # 编译libui.so
hb build -T //foundation/graphic/wms/test:sample_ui -f # 编译UI用例
hb build -T //foundation/graphic/ui/test/unittest:lite_graphic_ui_test -f # 编译TDD用例

# 编译qt库可直接参考qt模拟器工程:graphic/ui/tools/qt/simulator/simulator.pro

说明

组件说明

组件分为基础组件和容器组件

  • 基础组件:仅实现组件自身单一功能,比如按钮、文字、图片等;
  • 容器组件:可将其他组件作为自己的子组件,通过组合实现复杂功能。

图 2 图形组件一览

使用说明

foundation/graphic/ui/test/uitest中提供了图形所有组件和功能接口的使用范例。

  • Windows环境可运行QT工程调试,详见使用说明

    工程文件路径:

    graphic/ui/tools/qt/simulator/simulator.pro
  • 其他调试环境可以编译运行foundation/graphic/wms/test:sample_ui

    编译成功后得到可执行程序out/[product_name]/dev_tools/bin/sample_ui,在实际环境上运行即可观察对应组件显示效果。

相关仓

图形子系统

graphic_wms

graphic_surface

graphic_ui

graphic_utils

仓库评论 ( 0 )

你可以在登录后,发表评论

简介

Graphic ui components | 图形UI组件 展开 收起
C++ 等 3 种语言
Apache-2.0
取消

发行版

暂无发行版

OpenHarmony

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/openharmony/graphic_ui.git
git@gitee.com:openharmony/graphic_ui.git
openharmony
graphic_ui
graphic_ui
master

搜索帮助