把GuiLite移植到STM32上
1 gui移植结果
一些演示效果：
2 guilite介绍
guilite是一个开源的图形用户界面框架，只依赖于一个单一的头文件库（guilite.h），不需要很复杂的文件管理，代码量平易近人。 guilite由4千行c++代码编写，单片机上也能流畅运行，其最低的硬件运行要求如下：
guilite具有很强的跨平台特性：
支持的操作系统：ios/macos/watchos，android，linux（arm/x86-64），windows（包含vr），rtos… 甚至无操作系统的单片机
支持的开发语言：c/c++, swift, java, javascript, c#, golang…
支持的第3方库：qt, mfc, winforms, cocoa…
guilite 提供一系列辅助开发工具：
完美的“云” + “物联网”解决方案：让你轻松驾驭全球iot业务
支持多语言,采用 utf-8 编码；支持视频播放
资源制作工具为你定制自己的字体/图片资源
所见即所得的gui布局工具
编译活跃度统计，及实时分析
支持3d & web
支持docker，一条命令启动。
3 guilite移植
2.1 所需硬件
stm32f407开发板
oled屏幕
2.2 驱动准备
这里我使用stm32cubemx 对开发板进行外设配置，开启stm32的硬件iic，这里我用cubemx开启后如下：
配置完成生成代码，同时将分配的堆空间增大：
代码生成后，我们复制正点原子的oled驱动工程代码到hardware硬件目录下，自己创建一个该目录。
在mdk里面添加文件，然后我们进行修改，注释掉头文件里面关于端口的定义，同时添加三个类型宏定义。
然后我们进入oled.c文件，将void oled_wr_byte(u8 dat,u8 cmd)和 void oled_init(void)函数分别替换为下面的内容：
oled_wr_byte：
void oled_wr_byte(u8 dat,u8 cmd){ if(cmd) hal_i2c_mem_write(&hi2c1 ,0x78,0x40,i2c_memadd_size_8bit,&dat,1,0x100); else hal_i2c_mem_write(&hi2c1 ,0x78,0x00,i2c_memadd_size_8bit,&dat,1,0x100); } oled_init：//初始化ssd1306 void oled_init(void){ oled_wr_byte(0xae,oled_cmd); //关闭显示 oled_wr_byte(0xd5,oled_cmd); //设置时钟分频因子,震荡频率 oled_wr_byte(80,oled_cmd); //[3:0],分频因子;[7:4],震荡频率 oled_wr_byte(0xa8,oled_cmd); //设置驱动路数 oled_wr_byte(0x3f,oled_cmd); //默认0x3f(1/64) oled_wr_byte(0xd3,oled_cmd); //设置显示偏移 oled_wr_byte(0x00,oled_cmd); //默认为0 oled_wr_byte(0x40,oled_cmd); //设置显示开始行 [5:0],行数. oled_wr_byte(0x8d,oled_cmd); //电荷泵设置 oled_wr_byte(0x14,oled_cmd); //bit2，开启/关闭 oled_wr_byte(0x20,oled_cmd); //设置内存地址模式 oled_wr_byte(0x02,oled_cmd); //[1:0],00，列地址模式;01，行地址模式;10,页地址模式;默认10; oled_wr_byte(0xa1,oled_cmd); //段重定义设置,bit0:0,0->0;1,0->127; oled_wr_byte(0xc0,oled_cmd); //设置com扫描方向;bit3:0,普通模式;1,重定义模式 com[n-1]->com0;n:驱动路数 oled_wr_byte(0xda,oled_cmd); //设置com硬件引脚配置 oled_wr_byte(0x12,oled_cmd); //[5:4]配置 oled_wr_byte(0x81,oled_cmd); //对比度设置 oled_wr_byte(0xef,oled_cmd); //1~255;默认0x7f (亮度设置,越大越亮) oled_wr_byte(0xd9,oled_cmd); //设置预充电周期 oled_wr_byte(0xf1,oled_cmd); //[3:0],phase 1;[7:4],phase 2; oled_wr_byte(0xdb,oled_cmd); //设置vcomh 电压倍率 oled_wr_byte(0x30,oled_cmd); //[6:4] 000,0.65*vcc;001,0.77*vcc;011,0.83*vcc; oled_wr_byte(0xa4,oled_cmd); //全局显示开启;bit0:1,开启;0,关闭;(白屏/黑屏) oled_wr_byte(0xa6,oled_cmd); //设置显示方式;bit0:1,反相显示;0,正常显示 oled_wr_byte(0xaf,oled_cmd); //开启显示 oled_clear();} 然后在main.c文件如下位置添加oled测试代码，记得添加头文件和头文件路径。
下载程序，观看现象：
此 oled 驱动的准备已经完成，下一步就是移植 guilite。
2.3 例程移植
首先，我们上guilite的例程展示官网：guilitedemo，选择hello例程，将其中的 ui_code文件夹复制到 hardware 下：
在 mdk 工程里面导入uicode下的guilite.h和uicode.cpp文件。
我们在 main.c 文件开头添加 guilite 接口代码，接口代码如下：
//画点函数接口void gfx_draw_pixel(int x, int y, unsigned int rgb){ oled_drawpoint(x,y,rgb);}//画面函数(未使用)void gfx_draw_fill(int x, int y,int w, int q, unsigned int rgb){ }//创建一个函数指针结构体struct external_gfx_op{ void (*draw_pixel)(int x, int y, unsigned int rgb); void (*fill_rect)(int x0, int y0, int x1, int y1, unsigned int rgb);} my_gfx_op;extern void starthellocircle(void* phy_fb, int width, int height, int color_bytes, struct external_gfx_op* gfx_op);//设定延时函数接口void delay_ms(int milli_seconds){ hal_delay(milli_seconds);} 之后在main函数中添加如下代码：//传递函数指针my_gfx_op.draw_pixel = gfx_draw_pixel;my_gfx_op.fill_rect = null;//gfx_fill_rect;//启动画圆starthellocircle(null, 128, 64, 1, &my_gfx_op); 然后我们修改uicode.cpp文件中的代码，添加oled头文件，以及在ui执行函数界面处添加oled刷新函数。
之后在uicode的第8行修改3d圆的参数，因为oled大小128x64 ，所以我的配置如下：
配置完成后，我们关闭use microlib选项，编译代码：
编译成功，下载代码。
下载完成后程序复位，可以在oled上看到demo的示例动画。
stm32嵌入式开发
单凭一张照片就能把片中人随意摆成任何姿势一键健身就要出现了？
华为荣耀magic盲约创新高
单片机的“性能”到底是什么？
信号和电源隔离的有效设计技术
电力电缆的屏蔽层作用
把GuiLite移植到STM32上
苹果可扩展智能指环专利，可以安装其他元件
双面PCB与单面PCB组装指南
基于Fano共振的一维声子晶体CO2气体传感器设计
OPPO开发者大会2021 繁荣稳健生态的形成
2019中国国际数字经济博览会，近百项新产品新技术亮相
温度控制器电路图1
精工爱普生发布条形文件扫描仪
小米进军印度市场 在印度新开三家手机工厂
两轮车对BMS的要求与新能源汽车用BMS不尽相同
盐雾试验机的清洗不能停
IGBT功率模块封装结构及失效机理
DSOX3054G示波器介绍
特斯拉：充电是电动汽车最好的补能方式
全方位测评凯迪拉克XTS MRC主动悬架
一些演示效果：
2 guilite介绍
guilite是一个开源的图形用户界面框架，只依赖于一个单一的头文件库（guilite.h），不需要很复杂的文件管理，代码量平易近人。 guilite由4千行c++代码编写，单片机上也能流畅运行，其最低的硬件运行要求如下：
guilite具有很强的跨平台特性：
支持的操作系统：ios/macos/watchos，android，linux（arm/x86-64），windows（包含vr），rtos… 甚至无操作系统的单片机
支持的开发语言：c/c++, swift, java, javascript, c#, golang…
支持的第3方库：qt, mfc, winforms, cocoa…
guilite 提供一系列辅助开发工具：
完美的“云” + “物联网”解决方案：让你轻松驾驭全球iot业务
支持多语言,采用 utf-8 编码；支持视频播放
资源制作工具为你定制自己的字体/图片资源
所见即所得的gui布局工具
编译活跃度统计，及实时分析
支持3d & web
支持docker，一条命令启动。
3 guilite移植
2.1 所需硬件
stm32f407开发板
oled屏幕
2.2 驱动准备
这里我使用stm32cubemx 对开发板进行外设配置，开启stm32的硬件iic，这里我用cubemx开启后如下：
配置完成生成代码，同时将分配的堆空间增大：
代码生成后，我们复制正点原子的oled驱动工程代码到hardware硬件目录下，自己创建一个该目录。
在mdk里面添加文件，然后我们进行修改，注释掉头文件里面关于端口的定义，同时添加三个类型宏定义。
然后我们进入oled.c文件，将void oled_wr_byte(u8 dat,u8 cmd)和 void oled_init(void)函数分别替换为下面的内容：
oled_wr_byte：
void oled_wr_byte(u8 dat,u8 cmd){ if(cmd) hal_i2c_mem_write(&hi2c1 ,0x78,0x40,i2c_memadd_size_8bit,&dat,1,0x100); else hal_i2c_mem_write(&hi2c1 ,0x78,0x00,i2c_memadd_size_8bit,&dat,1,0x100); } oled_init：//初始化ssd1306 void oled_init(void){ oled_wr_byte(0xae,oled_cmd); //关闭显示 oled_wr_byte(0xd5,oled_cmd); //设置时钟分频因子,震荡频率 oled_wr_byte(80,oled_cmd); //[3:0],分频因子;[7:4],震荡频率 oled_wr_byte(0xa8,oled_cmd); //设置驱动路数 oled_wr_byte(0x3f,oled_cmd); //默认0x3f(1/64) oled_wr_byte(0xd3,oled_cmd); //设置显示偏移 oled_wr_byte(0x00,oled_cmd); //默认为0 oled_wr_byte(0x40,oled_cmd); //设置显示开始行 [5:0],行数. oled_wr_byte(0x8d,oled_cmd); //电荷泵设置 oled_wr_byte(0x14,oled_cmd); //bit2，开启/关闭 oled_wr_byte(0x20,oled_cmd); //设置内存地址模式 oled_wr_byte(0x02,oled_cmd); //[1:0],00，列地址模式;01，行地址模式;10,页地址模式;默认10; oled_wr_byte(0xa1,oled_cmd); //段重定义设置,bit0:0,0->0;1,0->127; oled_wr_byte(0xc0,oled_cmd); //设置com扫描方向;bit3:0,普通模式;1,重定义模式 com[n-1]->com0;n:驱动路数 oled_wr_byte(0xda,oled_cmd); //设置com硬件引脚配置 oled_wr_byte(0x12,oled_cmd); //[5:4]配置 oled_wr_byte(0x81,oled_cmd); //对比度设置 oled_wr_byte(0xef,oled_cmd); //1~255;默认0x7f (亮度设置,越大越亮) oled_wr_byte(0xd9,oled_cmd); //设置预充电周期 oled_wr_byte(0xf1,oled_cmd); //[3:0],phase 1;[7:4],phase 2; oled_wr_byte(0xdb,oled_cmd); //设置vcomh 电压倍率 oled_wr_byte(0x30,oled_cmd); //[6:4] 000,0.65*vcc;001,0.77*vcc;011,0.83*vcc; oled_wr_byte(0xa4,oled_cmd); //全局显示开启;bit0:1,开启;0,关闭;(白屏/黑屏) oled_wr_byte(0xa6,oled_cmd); //设置显示方式;bit0:1,反相显示;0,正常显示 oled_wr_byte(0xaf,oled_cmd); //开启显示 oled_clear();} 然后在main.c文件如下位置添加oled测试代码，记得添加头文件和头文件路径。
下载程序，观看现象：
此 oled 驱动的准备已经完成，下一步就是移植 guilite。
2.3 例程移植
首先，我们上guilite的例程展示官网：guilitedemo，选择hello例程，将其中的 ui_code文件夹复制到 hardware 下：
在 mdk 工程里面导入uicode下的guilite.h和uicode.cpp文件。
我们在 main.c 文件开头添加 guilite 接口代码，接口代码如下：
//画点函数接口void gfx_draw_pixel(int x, int y, unsigned int rgb){ oled_drawpoint(x,y,rgb);}//画面函数(未使用)void gfx_draw_fill(int x, int y,int w, int q, unsigned int rgb){ }//创建一个函数指针结构体struct external_gfx_op{ void (*draw_pixel)(int x, int y, unsigned int rgb); void (*fill_rect)(int x0, int y0, int x1, int y1, unsigned int rgb);} my_gfx_op;extern void starthellocircle(void* phy_fb, int width, int height, int color_bytes, struct external_gfx_op* gfx_op);//设定延时函数接口void delay_ms(int milli_seconds){ hal_delay(milli_seconds);} 之后在main函数中添加如下代码：//传递函数指针my_gfx_op.draw_pixel = gfx_draw_pixel;my_gfx_op.fill_rect = null;//gfx_fill_rect;//启动画圆starthellocircle(null, 128, 64, 1, &my_gfx_op); 然后我们修改uicode.cpp文件中的代码，添加oled头文件，以及在ui执行函数界面处添加oled刷新函数。
之后在uicode的第8行修改3d圆的参数，因为oled大小128x64 ，所以我的配置如下：
配置完成后，我们关闭use microlib选项，编译代码：
编译成功，下载代码。
下载完成后程序复位，可以在oled上看到demo的示例动画。
stm32嵌入式开发
单凭一张照片就能把片中人随意摆成任何姿势一键健身就要出现了？
华为荣耀magic盲约创新高
单片机的“性能”到底是什么？
信号和电源隔离的有效设计技术
电力电缆的屏蔽层作用
把GuiLite移植到STM32上
苹果可扩展智能指环专利，可以安装其他元件
双面PCB与单面PCB组装指南
基于Fano共振的一维声子晶体CO2气体传感器设计
OPPO开发者大会2021 繁荣稳健生态的形成
2019中国国际数字经济博览会，近百项新产品新技术亮相
温度控制器电路图1
精工爱普生发布条形文件扫描仪
小米进军印度市场 在印度新开三家手机工厂
两轮车对BMS的要求与新能源汽车用BMS不尽相同
盐雾试验机的清洗不能停
IGBT功率模块封装结构及失效机理
DSOX3054G示波器介绍
特斯拉：充电是电动汽车最好的补能方式
全方位测评凯迪拉克XTS MRC主动悬架