一、GuiLite       
# ]/ ~, J' h6 ]+ ]        GuiLite图形库，仅4千行C++代码，0依赖，单一头文件库（GuiLite.h）的跨平台开源GUI库，支持支持的操作系统有iOS/macOS/WatchOS，Android，Linux（ARM/x86-64），Windows（包含VR），RTOS等，甚至无操作系统的单片机上也能流畅运行。

, M" q- b& z: c: `& a2 A9 T; e* U二、创建工程
' Z% w7 C; X- C) {* {
        实现了LCD屏幕点亮功能。
) j# u. J% K4 W+ g. F
: b% g" p+ J3 U0 ~: `: N, T        【2】现在CubeIDE工作空间创建一个名为stm32L496VGTx_GUI的文件目录，并将前面工程的stm32L496VGTx_lcm.ioc文件拷贝到该目录下，修改该文件名为stm32L496VGTx_GUI.ioc。

        在CubeIDE中，在菜单栏的“新建-> Create a New STM32 Project from an Existing STM32CubeMX Configuration files(.ioc)”，进入创建，基于已有ioc创建一个新工程，如下图所示，特别注意，选择C++支持，因为GuiLite库是C++库。
& R5 W/ y  Z4 q. O! e* x/ K! j
2 ^( w) D1 r  H, E5 q4 T
/ {; t! m: ~2 `. w4 t, ?: x# c
6 F) N% g$ t! b; I8 Q        【3】完成工程创建后，禁用syscalls.c文件，在工程目录下创建源目录ICore，并移植前面工程的源文件，实现lpuart1串口驱动、按键及LED灯驱动、LCD屏幕驱动，如下图所示；由于前面博文中实现LCD的DMA刷新数据时，使用了SPI回调及全局变量，需要到Core/Src/spi.c文件增加如下内容：

1. volatile uint8_t one_frame_done;
   + w* M1 s9 Q. _7 u' b- z( }1 |
2. void HAL_SPI_TxCpltCallback(SPI_HandleTypeDef *hspi)
   
3. {
   , e5 d+ ]4 l. ~( t8 ?
4.         one_frame_done = 1;
   
5. }

复制代码

* p0 }3 m5 y% ~2 o8 E/ w
6 b5 J" k4 C/ P4 }' p. j5 w  K
" y* f+ R: S) m- X
三、GuiLite库及Hello3D样例移植
        在ICore目录下创建guilite文件夹，将GuiLite库即GuiLite.h文件拷贝到该文件目录，将Hello3D样例的UIcode.cpp源文件拷贝到该文件目录。
2 Q* W6 t  V! @* ?
" }0 R  D( x  f5 `& l( a0 o# `; ~        【1】由于GuiLite.h内的thread_sleep函数调用了延时函数，而样例给出的延时函数过于复杂，本文另外设置了新的延时函数，在ICore目录下新建delay目录，并在该目录下创建了delay.h和delay.c源码。

9 ^, }; x+ j. W+ ]$ z        delay.h
- {% X4 G, f* e* K% @5 T

1. #ifndef DELAY_DELAY_H_
   
2. #define DELAY_DELAY_H_
   + w8 \8 X3 A6 J; w0 F2 r* t
3. #ifdef __cplusplus
   
4. extern "C" {
   
5. #endif
   ; i# e$ q3 o- n- j6 ?0 @2 i
6. 
   # f0 b$ R' D7 }" [
7. #include "stm32l4xx_hal.h" //HAL库文件声明
   
8. void delay_us(uint32_t us); //C文件中的函数声明
   2 ]1 ^+ k8 L; x
9. 
   6 ]: G; x9 f& O$ g! j1 O! N' Q5 {
10. #ifdef __cplusplus
    8 Y/ d. M! W% j( C
11. }
    8 M5 J) t( R, U2 U
12. #endif
    $ S0 k# L6 c2 a
13. #endif /* DELAY_DELAY_H_ */

复制代码

        delay.c

1. #include "delay.h"
   
2. 
   ; \5 |: {4 Z4 q
3. void delay_us(uint32_t us) //利用CPU循环实现的非精准应用的微秒延时函数
   0 k, v! k8 R9 L1 n6 h
4. {
   6 r3 i0 l% y6 r* l+ Z
5.     uint32_t delay = (HAL_RCC_GetHCLKFreq() / 8000000 * us); //使用HAL_RCC_GetHCLKFreq()函数获取主频值，经算法得到1微秒的循环次数
   
6.     while (delay--); //循环delay次，达到1微秒延时
   
7. }

复制代码

        由于现在采用的是C++编译语言，因此可以看到 delay.h文件中，和以前不一样的是，增加了extern "C"声明，为了严禁，移植过来的print.h、usart.h、key.h、led.h、oled.h本文都增加了extern "C"声明。
% r5 Y- @' {) ]9 ~- L4 G

1. #ifdef __cplusplus
   
2. extern "C" {
   
3. #endif
   0 w! Z; v/ N4 t6 G  H3 j/ U* C
4. 
   2 L* l. W. q- s% }! w
5. //you code
   9 r/ O* ]0 v. i: f
6. 
   ; C" ]5 }. Q- c; e8 A3 O
7. #ifdef __cplusplus
   + M5 d/ x; ^6 D, B' ?/ i5 C! W$ y
8. }

复制代码

; z& @8 [. u% ?3 i        【2】调整文件GuiLite.h，首先，同样的在文件前面增加了delay.h头文件的引用，以及为了统一，将其宏定义#pragma once进行了替换，结果如下

1. #ifndef GUILITE_H_
   ' y) z  X2 J) K5 g  j1 ~
2. #define GUILITE_H_
   
3. #include "../delay/delay.h"

复制代码

; F* K: Q6 S, n        在GuiLite.h文件中找到thread_sleep函数，该函数有几处，需要条件编译的地方暂时不用管找到STM32需要的，如下。
& E: C  @- m: @! _" Y: l5 ^' s

1. extern "C" void delay_ms(unsigned short nms);
   
2. void thread_sleep(unsigned int milli_seconds)
   . p$ E, _4 M3 N! X9 p  J
3. {//MCU alway implemnet driver code in APP.
   # l9 i& W( p8 ~
4.                 delay_ms(milli_seconds);
   
5. }

复制代码

" n6 O, z$ l, v: h0 y        调整为
# e7 n- `0 v3 L6 J  h. o: g

1. //extern "C" void delay_ms(unsigned short nms);
   
2. void thread_sleep(unsigned int milli_seconds)
   
3. {//MCU alway implemnet driver code in APP.
   % e* j, B2 Q9 Y: C
4.         uint32_t tt = ((uint32_t)milli_seconds)*1000;
   
5.         delay_us(tt);
   " R9 C0 G) P* Z# v& L. }
6. }

复制代码

        【3】在main.c文件，引用各外设驱动头文件
; D0 C2 X9 t9 D, _

1. /* USER CODE BEGIN Includes */
     W% p1 }: |0 B7 m% b3 Q
2. #include "../../ICore/key/key.h"
   
3. #include "../../ICore/led/led.h"
   4 h% C$ F* T  J1 p1 u* U
4. #include "../../ICore/print/print.h"
   
5. #include "../../ICore/usart/usart.h"
   
6. #include "../../ICore/oled/oled.h"
   
7. /* USER CODE END Includes */

复制代码

        在main.c文件中参考Hello3D样例的main.c源文件（Hello3D/BuildSTM32F103-Keil/USER/main.c · idea4good/GuiLiteSamples - Gitee.com）进行声明GuiLite库调用前置声明如下，主要就是需要改写调用本文LCD屏幕支持依据坐标值及颜色值，进行点绘制功能函数。
  [* c0 ~+ x( D/ l' D

1. /* USER CODE BEGIN 0 */
   
2. //Transfer GuiLite 32 bits color to your LCD color
   3 H- ~5 ?' {) V
3. #define GL_RGB_32_to_16(rgb) (((((unsigned int)(rgb)) & 0xFF) >> 3) | ((((unsigned int)(rgb)) & 0xFC00) >> 5) | ((((unsigned int)(rgb)) & 0xF80000) >> 8))
   2 H; @& I) x7 t/ c
4. //Encapsulate your LCD driver:
   # p: J3 @+ y) m  G
5. void gfx_draw_pixel(int x, int y, unsigned int rgb)
   % E) m* Z" e! O. Y6 Y6 g
6. {
   
7.     //LCD_Fast_DrawPoint(x, y, GL_RGB_32_to_16(rgb));//注释参考样例的
   
8.         OLED_WritePixel(x, y, GL_RGB_32_to_16(rgb));//新增本工程支持绘制点函数调用(oled.h)
   
9. }
   & `* O, j3 a1 ~" _2 ?: a, M
10. //Implement it, if you have more fast solution than drawing pixels one by one.
    
11. //void gfx_fill_rect(int x0, int y0, int x1, int y1, unsigned int rgb){}
    
12. 
    
13. //UI entry
    
14. struct DISPLAY_DRIVER
    0 y; @  s: A9 g7 J* J
15. {
    " ~  H" P* |6 O  t6 `
16.         void (*draw_pixel)(int x, int y, unsigned int rgb);
    1 `6 r. L" r4 X# P$ _
17.         void (*fill_rect)(int x0, int y0, int x1, int y1, unsigned int rgb);
    ( Y9 i/ T' [" @# [! x
18. } my_driver;
    
19. extern void startHello3D(void* phy_fb, int width, int height, int color_bytes, struct DISPLAY_DRIVER* driver);
    " a/ |$ }( y" {3 K/ G0 s3 p: S
20. /* USER CODE END 0 */

复制代码

4 J) x! R9 r. L9 L2 ?% e0 ^
        在Hello3D样例的main主函数中，先初始化延时函数、在配置中断和LCD屏幕初始化，然后进行3D效果绘制渲染输出。

1. delay_init();
   6 R6 y1 X4 A3 Z6 \
2.         NVIC_PriorityGroupConfig(NVIC_PriorityGroup_2);
   
3.         LCD_Init();
   7 a) I  }) ?& i0 v& w
4. 
   
5.         //Link your LCD driver & start UI:
   
6.         my_driver.draw_pixel = gfx_draw_pixel;
   ' t) V, j) q- x, N8 S. m, W* Q
7.         my_driver.fill_rect = NULL;//gfx_fill_rect;
   
8.         startHello3D(NULL, 240, 320, 2, &my_driver);
   
9.         while(1);

复制代码

% ~9 Z' l% u+ F3 T+ z$ _8 x/ Y        在本博文移植中，在main函数内进行外设初始设置，例如lpuart1中断接收开启、lcd初始化，主要是LCD初始化。

1.   /* USER CODE BEGIN 2 */
   & H4 V6 G2 m2 X2 L* s/ q2 ?. t
2.   ResetPrintInit(&hlpuart1);
   ; O4 \2 U- j' [
3.   HAL_UART_Receive_IT(&hlpuart1,(uint8_t *)&HLPUSART_NewData, 1); //再开启接收中断
   
4.   HLPUSART_RX_STA = 0;
   
5.   //
   
6.   OLED_init();
   4 x& @  E* u; O: e" I# P
7.   //设置OLED蓝色背景显示
   
8.   BSP_LCD_Clear_DMA(LCD_DISP_BLUE);
   
9.   printf("OLED_Clear_DMA\r\n");
   
10.   /* USER CODE END 2 */

复制代码

        然后在main函数主循环中，通过按键KEY2按键进入3D效果绘制渲染输出，读者可以屏蔽串口接收功能、按键KEY0、KEY1的亮屏功能，直接进入KEY2下的3D效果绘制渲染功能是OK的。注意startHello3D调用需要根据自身屏幕宽、高设值，本文开发板支持240*240像素显示。

1.   /* USER CODE BEGIN WHILE */
   
2.   while (1)
   
3.   {
   
4.           if(HLPUSART_RX_STA&0xC000){//溢出或换行，重新开始
   ! N0 V% D) U& f! A9 h" w( v* J
5.                   //printf("%.*s\r\n",HLPUSART_RX_STA&0X0FFF, HLPUSART_RX_BUF);
   8 `+ k+ \3 ~2 O- L9 p
6.                   OLED_printf(10,10,"%.*s",HLPUSART_RX_STA&0X0FFF, HLPUSART_RX_BUF);
   
7.                   HLPUSART_RX_STA=0;//接收错误,重新开始
   
8.                   HAL_Delay(100);//等待
   % I3 S1 N# S3 K
9.           }
   2 h' N6 u  ~. H( {$ n+ g9 U, F
10.           if(KEY_0())
    + S: A) X% b5 B/ {0 q
11.           {
    
12.                   BSP_LCD_login(24,108);
    7 r2 y& Y" ~& v# J5 ~; W1 m2 t$ f9 b
13.           }
    3 x  g' h; d% v9 v
14.           if(KEY_1())
    
15.             {
    # n3 |# N$ n' l# ^
16.                   BSP_LCD_img_DMA();
    
17.             }
    , {; X. M8 p- Y) W5 x% A, o
18.           if(KEY_2())
    
19.             {
    ! m+ w. c7 `% |/ z. W, X. c
20.                   my_driver.draw_pixel = gfx_draw_pixel;
    
21.                   my_driver.fill_rect = NULL;//gfx_fill_rect;
    1 j4 a% ^3 r4 s% Q
22.                   startHello3D(NULL, 240, 240, 2, &my_driver);
    
23.             }
    
24.     /* USER CODE END WHILE */

复制代码

! K3 F# e" S5 l; e四、编译及测试
0 F5 F% r- p& _        完成代码移植及改写后，进行运行配置设置，点击编辑及运行按钮，将程序下载到开发板上。
9 q. T$ O" f* n# b
! m, K+ B" j! c  y

         按键KEY2进入GuiLite库的3D绘制效果，按键KEY2按下时，屏幕会较慢地进行背景色（黑色）逐点绘制，因此较慢。最终处理的是一个3D立方体缓慢旋转刷新显示的动态画面，效果如下图（手指是拍摄时屏幕镜面映射效果，哈哈）。
3 E( x% o1 M& B( _) Q


# L3 w9 [5 p1 ~) e: j6 T. s& w
9 M6 r8 V8 Y* b# v: x————————————————
版权声明：py_free-物联智能
如有侵权请联系删除

不知道c++库可以用在keil上么？还是非常开心的。

感谢分享，更详细一点就好了

内容很详细，谢谢分享

这个GUI效果真不错，有空可以尝试移植一下看看。