AliOS Things图形界面开发指南

简介

  物联网设备开发过程中，嵌入式GUI（用户图形界面）的开发是一个重要的组成部分。许多智能设备如智能家电、智能手表、智能仪表上都会涉及到GUI开发。AliOS Things集成开源图形库littlevGL，可以在linux上进行图形界面开发。开发完成后将代码添加到相应的工程并完成显示和输入设备驱动的对接，程序即可在相应的硬件上运行，方便用户进行嵌入式GUI开发。
  littlevGL是一个开源的嵌入式图形库，采用C语言开发，使用MIT协议，并在持续更新中。该图形库支持常用的控件，如按钮、列表、滑块、选择框、仪表盘、键盘、波形等。并支持触摸、鼠标、键盘等多种输入方式。其官方网站为：https://littlevgl.com。

linux模拟开发步骤

1、环境安装

a、按照AliOS Things Linux Environment Setup安装基本环境。
b、按照如下命令安装SDL2图形库。
  sudo apt-get install libsdl2-2.0:i386
  sudo apt-get install libxkbcommon-dev:i386
  sudo apt-get install libmircommon-dev:i386
  sudo apt-get install libmirclient-dev:i386
  sudo apt-get install libegl1-mesa-dev:i386
  sudo apt-get install libglib2.0-dev:i386
  sudo apt-get install libpulse-dev:i386
  sudo apt-get install libsdl2-dev:i386

2、拷贝代码

git clone https://github.com/alibaba/AliOS-Things.git

3、模拟运行

编译运行命令：aos make littlevgl_simulate@linuxhost
编译通过之后会自动运行生成的可执行文件，界面如下

用户可以自行添加应用代码，开发完成后将代码添加到相应的工程并完成显示和输入设备驱动的对接，程序即可在相应的硬件上运行。
example/littlevgl_simulate/lv_examples目录下包含demo程序以及各个控件使用的示例程序，可参考进行界面开发。

AliOS Things开发版开发步骤：

在starterkit的开发版上已经移植littlevgl，用户直接运行命令即可编译GUI工程。
编译命令：aos make littlevgl_starterkit@starterkit
编译完成后下载到starterkit即可。

其他CPU开发步骤：

1、显示驱动实现

a、使用内部缓冲区（lv_conf.h的LV_VDB_SIZE > 0）
必须实现如下函数，其功能为对一片矩形区域填充颜色，注意该函数的最后必须调用lv_flush_ready()函数。

/*Write the internal buffer (VDB) to the display. 'lv_flush_ready()' has to be called when finished*/
void my_disp_flush(int32_t x1,