1 Gui移植结果

    一些演示效果：

# L$ Q/ o+ q& l) O' E0 A

: }- G+ ?; G: x2 GuiLite介绍
    GuiLite是一个开源的图形用户界面框架，只依赖于一个单一的头文件库（GuiLite.h），不需要很复杂的文件管理，代码量平易近人。
* ?8 O) y8 ~, s4 F) d/ Q+ l: x% h    GuiLite由4千行C++代码编写，单片机上也能流畅运行，其最低的硬件运行要求如下：

( g& j+ r  T# H/ R0 A

6 @# \' G! n4 H; p( H1 D
GuiLite具有很强的跨平台特性：

• 支持的操作系统：iOS/macOS/WatchOS，Android，Linux（ARM/x86-64），Windows（包含VR），RTOS… 甚至无操作系统的单片机
• 支持的开发语言：C/C++, Swift, Java, Javascript, C#, Golang…
• 支持的第3方库：Qt, MFC, Winforms, CoCoa…
  
• 
  
    o9 u( [- V* q, K9 B- U

GuiLite 提供一系列辅助开发工具：

• 完美的“云” + “物联网”解决方案：让你轻松驾驭全球IoT业务
• 支持多语言,采用 UTF-8 编码；
• 资源制作工具为你定制自己的字体/图片资源
• 所见即所得的GUI布局工具
• 编译活跃度统计，及实时分析
• 支持3D & Web
• 支持Docker，一条命令启动。
  % d! n9 m# l+ [/ l  r) V3 P5 Q

* g" ?# D* W) @( i' @4 I4 \3 GuiLite移植2.1 所需硬件
6 r9 X" O1 B8 h( \
4 x! l' H$ T9 ]9 l

; O" M' `) v0 j6 q# U/ ]+ P
, M, U" ~! z8 ^8 [1 H6 o
3 w7 m( b/ A8 x! \$ ]STM32F407开发板
0 h' g* m8 J+ H* I" q+ O

. B! ?7 Y6 A8 B& [$ i$ E- ?
% r( o$ o0 |4 w' d
+ b( ^: f& t4 U" B# t2 r8 o2 g1 E
" d& t6 U$ r1 D4 SOLED屏幕

1 o+ E* J! s. J3 ^* s3 z5 E
# N3 ?) V+ _& J2.2 驱动准备
1 Q1 c. u: Q( {9 }0 o& n7 f    这里我使用STM32CubeMX 对开发板进行外设配置，开启STM32的硬件IIC，这里我用CubeMX开启后如下：
) V- S) S# V  }8 H

% I/ R) W4 {: t4 ]: G( {0 k
* B( ~* E% M7 y! x& q3 y3 l. C
$ y4 `2 D' l, ]: _
/ N3 p- ?2 D8 {2 u7 a5 @% l    配置完成生成代码，同时将分配的堆空间增大：
" V; T; e' |- K  \$ B
0 {- f- m5 X* x8 S0 ^; i1 z4 N, D


3 _* c. j* h7 I
    代码生成后，我们复制正点原子的OLED驱动工程代码到Hardware硬件目录下，自己创建一个该目录。



" C: Y4 W' @' B1 p$ e% \; y7 V; K+ S! [

3 X2 k* V0 @% g' C  T9 Q! Z1 n    在MDK里面添加文件，然后我们进行修改，注释掉头文件里面关于端口的定义，同时添加三个类型宏定义。
4 `' |/ V7 q+ A" W
, T3 C* Q+ E. @' q$ q9 n$ l* N



/ v3 t) N4 `7 O9 m5 x    然后我们进入oled.c文件，将void OLED_WR_Byte(u8 dat,u8 cmd)和 void OLED_Init(void)函数分别替换为下面的内容：
% o% ~( B2 P$ P% f- E) G8 |' K9 bOLED_WR_Byte：
% X' N8 a# a# |6 X

1. void OLED_WR_Byte(u8 dat,u8 cmd)
   ' J2 d1 O1 G6 R/ t: X6 ]
2. {
   , F! Y# `% A# z
3. if(cmd)
   , o' \2 J- v; \2 M
4.   HAL_I2C_Mem_Write(&hi2c1 ,0x78,0x40,I2C_MEMADD_SIZE_8BIT,&dat,1,0x100);
   ( B. d" v! Q, Q+ i6 l. U' `, Y
5. else
   ) o* f7 g  ?/ _5 ^2 M& V' l3 h, B, ~
6.   HAL_I2C_Mem_Write(&hi2c1 ,0x78,0x00,I2C_MEMADD_SIZE_8BIT,&dat,1,0x100);
   
7. }

复制代码

9 H/ e4 ^0 V0 `! y3 ]% D; u
3 W& B9 C0 }1 u4 ROLED_Init：

1. //初始化SSD1306         
     }3 }, n' G1 J# B4 z7 t' ?& G
2. void OLED_Init(void)
   - J/ S5 M: `1 ^+ _. ^
3. {        
   
4. OLED_WR_Byte(0xAE,OLED_CMD); //关闭显示
   ( Z' A) v9 i2 |0 G3 R7 @* Z4 ]
5. OLED_WR_Byte(0xD5,OLED_CMD); //设置时钟分频因子,震荡频率
   + }0 S6 H+ p4 I1 j
6. OLED_WR_Byte(80,OLED_CMD);   //[3:0],分频因子;[7:4],震荡频率
   $ o  h" m% ?( j( Z9 X- b5 \& l
7. OLED_WR_Byte(0xA8,OLED_CMD); //设置驱动路数
   2 O1 M+ [" }$ }+ w; b
8. OLED_WR_Byte(0X3F,OLED_CMD); //默认0X3F(1/64)
   
9. OLED_WR_Byte(0xD3,OLED_CMD); //设置显示偏移
   
10. OLED_WR_Byte(0X00,OLED_CMD); //默认为0
    
11. 
    
12. OLED_WR_Byte(0x40,OLED_CMD); //设置显示开始行 [5:0],行数.
    ) R$ d' r1 q, X& [8 t7 m5 N( ^
13. 
    " N4 B' J* H' N* M: e: P- F- W
14. OLED_WR_Byte(0x8D,OLED_CMD); //电荷泵设置
    
15. OLED_WR_Byte(0x14,OLED_CMD); //bit2，开启/关闭
    
16. OLED_WR_Byte(0x20,OLED_CMD); //设置内存地址模式
    
17. OLED_WR_Byte(0x02,OLED_CMD); //[1:0],00，列地址模式;01，行地址模式;10,页地址模式;默认10;
    
18. OLED_WR_Byte(0xA1,OLED_CMD); //段重定义设置,bit0:0,0->0;1,0->127;
    4 ?3 z( k0 V% F+ \2 [" j) Q  |, ]
19. OLED_WR_Byte(0xC0,OLED_CMD); //设置COM扫描方向;bit3:0,普通模式;1,重定义模式 COM[N-1]->COM0;N:驱动路数
    ! _5 V  r& y. a1 M- |6 J
20. OLED_WR_Byte(0xDA,OLED_CMD); //设置COM硬件引脚配置
      z# h. N* s" m. R" V6 b: V
21. OLED_WR_Byte(0x12,OLED_CMD); //[5:4]配置
    5 i! G: D% k/ ?! d& u
22. 
    ) J. S6 n, j* \3 h: n# H
23. OLED_WR_Byte(0x81,OLED_CMD); //对比度设置
      s, y% K6 A! K# K
24. OLED_WR_Byte(0xEF,OLED_CMD); //1~255;默认0X7F (亮度设置,越大越亮)
    
25. OLED_WR_Byte(0xD9,OLED_CMD); //设置预充电周期
    2 v/ L* j9 A  M
26. OLED_WR_Byte(0xf1,OLED_CMD); //[3:0],PHASE 1;[7:4],PHASE 2;
    / u; U- m; r$ _3 V; ]! @8 A5 s
27. OLED_WR_Byte(0xDB,OLED_CMD); //设置VCOMH 电压倍率
    
28. OLED_WR_Byte(0x30,OLED_CMD); //[6:4] 000,0.65*vcc;001,0.77*vcc;011,0.83*vcc;
    
29. 
    
30. OLED_WR_Byte(0xA4,OLED_CMD); //全局显示开启;bit0:1,开启;0,关闭;(白屏/黑屏)
    
31. OLED_WR_Byte(0xA6,OLED_CMD); //设置显示方式;bit0:1,反相显示;0,正常显示              
    
32. OLED_WR_Byte(0xAF,OLED_CMD); //开启显示  
    
33. OLED_Clear();
    
34. }  

复制代码

然后在main.c文件如下位置添加oled测试代码，记得添加头文件和头文件路径。


- E; y6 |, ]# J9 |


    下载程序，观看现象：




- y' g' f* O& P) `4 M
. Z1 M% i* q6 \4 W* J) k: H, @9 `4 n    此 OLED 驱动的准备已经完成，下一步就是移植 GuiLite。
6 q: s/ h/ X) K; S

5 @+ Q8 E; k  q# H6 V7 G2.3 例程移植
/ P: z3 S4 F5 p2 d1 |    首先，我们上GuiLite的例程展示官网：GuiLiteDemo，选择Hello例程，将其中的 UI_Code文件夹复制到 Hardware 下：


" U5 p3 t# K+ ?/ L. w. ^


    在 MDK 工程里面导入UICode下的GuiLite.h和UIcode.cpp文件。
5 d# j; S& ^; {7 @( x! }
3 j/ r. P1 v) @' d* c% I8 G: C3 u9 E
: @; k+ }& E' ]8 ^$ T8 C; L
4 ?: U" a7 w/ l9 H; _+ e

    我们在 main.c 文件开头添加 GuiLite 接口代码，接口代码如下：
( A! A8 t+ s7 Z/ O8 Q& m: p

1. //画点函数接口
   
2. void gfx_draw_pixel(int x, int y, unsigned int rgb)
   ( s8 v2 s9 s7 d* w( r  }
3. {
   
4.     OLED_DrawPoint(x,y,rgb);
   
5. }
   
6. //画面函数(未使用)
   , f- [- Q" S% ?! V9 S
7. void gfx_draw_fill(int x, int y,int w, int q, unsigned int rgb)
   - n+ W$ k. _8 C; c8 m
8. {
   
9. }
   
10. //创建一个函数指针结构体
    . {8 E2 |1 N: l0 n
11. struct EXTERNAL_GFX_OP
    
12. {
    ) M0 R9 P6 \3 h* O
13. void (*draw_pixel)(int x, int y, unsigned int rgb);
    
14. void (*fill_rect)(int x0, int y0, int x1, int y1, unsigned int rgb);
    
15. } my_gfx_op;
    
16. extern void startHelloCircle(void* phy_fb, int width, int height, int color_bytes, struct EXTERNAL_GFX_OP* gfx_op);
    7 ^& f1 K+ m! F) l8 B! z
17. 
    $ b: I2 H1 L- j4 D
18. //设定延时函数接口
    
19. void delay_ms(int milli_seconds)
    5 D3 K; Z; z+ l% V& k
20. {
    $ z8 u% w6 g' R" J8 ^
21. HAL_Delay(milli_seconds);
    6 |# P- Q  q/ b8 N
22. }

复制代码

2 w6 }8 R9 L% B1 p
之后在main函数中添加如下代码：
' c7 Z; B! F* J

1. //传递函数指针
   + X8 @, V6 o9 x, j# L& `' f
2. my_gfx_op.draw_pixel = gfx_draw_pixel;
   ! i* U) g: a" L0 R. @
3. my_gfx_op.fill_rect = NULL;//gfx_fill_rect;
   
4. //启动画圆
   4 H  ?- l" G$ d* _% K: O" J
5. startHelloCircle(NULL, 128, 64, 1, &my_gfx_op);

复制代码

然后我们修改UIcode.cpp文件中的代码，添加OLED头文件，以及在UI执行函数界面处添加OLED刷新函数。
* _2 z4 B0 b, v$ O3 i. R

9 E8 f* B; ]" R4 c


    之后在UIcode的第8行修改3D圆的参数，因为OLED大小128x64 ，所以我的配置如下：


: G3 L: `9 ^* [
' l3 H6 H- S' j5 M: Z- o

' }7 y2 k* b2 U7 w    配置完成后，我们关闭Use MicroLIB选项，编译代码：

4 t. ]; G5 Q7 v8 q6 u, t



2 Q* l1 K! g, Q$ X9 O! R1 V2 W    编译成功，下载代码。
$ Y, c0 a" z: x' s+ Z3 [


& f! \( G+ V4 I8 \

! C+ G1 R  b# R8 u. Q- c0 P    下载完成后程序复位，可以在OLED上看到Demo的示例动画。
. O* T! g5 j2 F: F9 u+ ]' `( F9 }
6 ?- Q/ s2 r! X) T( k* }0 R0 c


" T6 e2 s" a$ J' g7 \/ S转载自：[url=]芯片之家[/url]