[STM32] migration of guilite based on Hal Library

Preparation ：

1. STM32CubeMX
2. STM32RCT6 Core board
3. IDE Keil（MDK-ARM）
4. DuPont line ×4
5. 0.96 " OLED screen （4 Pin ）

One 、 What is? GuiLite

GuiLite It's an open source Gui frame , Rely on only one header file （GuiLite.h）, No complicated file management is required , The amount of code is approachable ,GuiLite from 5K That's ok C++ Code writing , MCU can also run smoothly
Its minimum hardware operating requirements ：

CPU Main frequency	ROM size	RAM size
24MHZ	29KB	9KB

And GuiLite It has strong cross platform

• Supported operating systems ：iOS/macOS/WatchOS,Android,Linux（ARM/x86-64）,Windows（ contain VR）,RTOS… Even a single-chip computer without an operating system
• Supported development languages ：C/C++, Swift, Java, Javascript, C#, Golang…
• Support for the first 3 Fangku ：Qt, MFC, Winforms, CoCoa…

besides ,GuiLite Provide a series of auxiliary development tools

• ️ The perfect “ cloud ” + “ The Internet of things ” Solution ： Let you easily control the world IoT Business
• Support for multiple languages , use UTF-8 code ; Support video playback
• Resource creation tools customize your own fonts for you / Image resources
• What you see is what you get GUI Layout tools
• Compile activity statistics , And real-time analysis
• Support 3D & Web
• Support Docker, A command to start .

Two 、STM32CubeMX part

2.1 Configure clock

choice STM32F103RCTx Series of chips , When configuring the clock, it will be automatically configured IO Port pin

take HCLK Set to maximum frequency 72MHz

2.2 To configure IIC

2.3 Project generation

Increase the allocated heap space

Project management is still these options , then GENERATE CODE,STM32CubeMX Partially completed

3、 ... and 、MDK 5 part

open MDK Generate two folders and install them respectively oled and UIcode The file of

3.1 transplant OLED file

There is a project link at the end of the article

transplant OLED Your operation is already in progress 【STM32】HAL Library in 4 Pin 0.96 " OLED On screen porting — Hardware IIC（ One ） It's detailed in , I won't repeat it here

3.2 transplant GuiLite file

On Gitee Of GuiLite Routine presentation , choice HelloCircle routine , Will be one of the UIcode Copy folder to Engineering documents

stay MDK Import... Into the project UICode Under the UIcode.cpp file

add to UIcode The path of

3.3 modify main.c file

3.3.1 Add header file #include "oled.h"

3.3.2 add to GuiLite The interface function

// Draw point function interface 
void gfx_draw_pixel(int x, int y, unsigned int rgb)
{
    
    OLED_DrawPoint(x,y,rgb);
}
// Picture function ( not used )
void gfx_draw_fill(int x, int y,int w, int q, unsigned int rgb)
{
     
}
// Create a function pointer structure 
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);

// Set the delay function interface 
void delay_ms(int milli_seconds)
{
    
 HAL_Delay(milli_seconds);
}

3.3.3 Add code

// Pass function pointer 
my_gfx_op.draw_pixel = gfx_draw_pixel;
my_gfx_op.fill_rect = NULL;//gfx_fill_rect;
// Start drawing circle 
startHelloCircle(NULL, 128, 64, 1, &my_gfx_op);

3.4 modify UIcode.cpp file

3.4.1 add to oled.h file

Because this is C++ And C Language mixing , So the statement here will be slightly different , On the Internet about single chip microcomputer transplantation GuiLite There is no mention of this issue , Avoid pit ！ Why is that? ？ The next answer

3.4.2 add to OLED Refresh function

Take another one. , If the declaration is in accordance with C Language format #include "oled.h" To write , Then this place will always report errors , Call failed

3.5 When the configuration is complete , close Use MicroLIB Options , Compile code

When compiling and downloading, you need to select the corresponding downloader , Check below

The effect is as shown in the picture

Project documents of this phase ——>Gitee