@page ugraphics ugraphics **[更正文档](https://gitee.com/alios-things/ugraphics/edit/master/README.md)** **[贡献说明](https://help.aliyun.com/document_detail/302301.html)** # 概述 ugraphics组件是基于SDL2封装的接口,支持JPEG/PNG图像解码绘制、点/线/框图像等绘制、图像旋转、RGB格式转换、中英文字符绘制等功能,方便用户进行基础的图像应用开发。 ## 版权信息 > Apache 2.0 License ## 目录结构 ```tree ├── include │ ├── ugraphics.h # 对外头文件 │ ├── format │ │ └── to_rgb565.h # rgb格式转换头文件 │ └── rotate │ └── rotate.h # rotate旋转头文件 ├── package.yaml # 编译配置文件 ├── src │ ├── ugraphics.c # 图像操作函数代码 │ ├── format │ │ └── to_rgb565.c # rgb格式转换函数代码 │ ├── jpegdec │ │ └── jpegdec.c # 基于libjpeg实现的图像解码实现 │ └── rotate │ └── rotate.c # 图像旋转函数代码 └── example ├── image # 测试用例图片资源文件 └── ugraphics_example.c # 测试用例 ``` ## 依赖组件 * SDL2 * littlefs # 常用配置 ```yaml def_config: # 组件的可配置项 AOS_COMP_JPEG: 0 # 使能jpeg decoder函数接口 CONFIG_UGRAPHICS_FORMAT: 0 # 使能format函数接口 CONFIG_UGRAPHICS_ROTATE: 0 # 使能rotate旋转函数接口 ``` > 配置是否支持JPEG解码、图像格式转换、图像旋转,默认是关闭的 # API说明 - 参考 [ugraphics_aos_api](https://g.alicdn.com/alios-things-3.3/doc/group__ugraphics__aos__api.html) # 使用示例 组件使用示例相关的代码下载、编译和固件烧录均依赖AliOS Things配套的开发工具,所以首先需要参考[《AliOS Things集成开发环境使用说明之搭建开发环境》](https://help.aliyun.com/document_detail/302378.html),下载安装。 待开发环境搭建完成后,可以按照以下步骤进行示例的测试。 ## 步骤1 创建或打开工程 **打开已有工程** 如果用于测试的案例工程已存在,可参考[《AliOS Things集成开发环境使用说明之打开工程》](https://help.aliyun.com/document_detail/302381.html)打开已有工程。 **创建新的工程** 组件的示例代码可以通过编译链接到AliOS Things的任意案例(solution)来运行,这里选择helloworld_demo案例。helloworld_demo案例相关的源代码下载可参考[《AliOS Things集成开发环境使用说明之创建工程》](https://help.aliyun.com/document_detail/302379.html)。 ## 步骤2 添加组件 案例下载完成后,需要在helloworld_demo组件的package.yaml中添加对组件的依赖: ```yaml depends: - ugraphics: master # helloworld_demo 中引入ugraphics组件 - ili9341: master # helloworld_demo 中引入ili9341屏幕驱动 def_config: CLI_IOBOX_ENABLE: 1 # 可选:使能文件系统测试命令,例如ls, ll, mkdir, touch, echo等 ``` ## 步骤3 下载组件 在已安装了 的开发环境工具栏中,选择Terminal -> New Terminal启动终端,并且默认工作路径为当前工程的workspace,此时在终端命令行中输入: ```shell aos install ugraphics ``` 上述命令执行成功后,组件源码则被下载到了./components/ugraphics路径中。 ## 步骤4 添加示例 在ugraphics组件的package.yaml中添加[example示例代码](https://gitee.com/alios-things/ugraphics/tree/master/example): ```yaml source_file: - "example/ugraphics_example.c" # add ugraphics_example.c build_config: prebuild_script: cp_resources.py #编译时cp_resources.py会对资源文件进行拷贝,系统自动打包资源文件到littlefs文件系统中 ``` **LCD连线** 使用本测试示例时,请先连接SPI LCD屏幕。 LCD购买链接[https://item.taobao.com/item.htm?spm=a1z09.2.0.0.768d2e8d9D3S7s&id=38842179442&_u=m1tg6s6048c2](https://item.taobao.com/item.htm?spm=a1z09.2.0.0.768d2e8d9D3S7s&id=38842179442&_u=m1tg6s6048c2) 请选择购买2.4寸屏。 HaaS100开发板请务必使用V1.1以上的版本,HaaS100扩展口: