Esp32 OLED lvgl displays common Chinese characters

One 、 Environmental Science

This example is based on esp-idf-5.0 , Let's find a way to build it by ourselves , Or you can refer to my construction environment

---

Two 、 step

1. be based on example , Location ：esp-idf-5.0\examples\peripherals\lcd\i2c_oled

2. Reference resources Baiwen Of LVGL course , You can get Siyuan font
   file ：http://lvgl.100ask.net/8.2/tools/fonts-zh-source.html
   Video tutorial ：https://www.bilibili.com/video/BV1Ya411r7K2?p=15

3. Export Fonts
   

4. I made a trick here , Direct use lv_font_simsun_16_cjk The name , Replace the original Chinese font , So you don't have to make any big changes

5. Notice here , It's better to start with menuconfig Everything is configured inside , Otherwise, if the configuration is changed , The following error will appear , It means , If you want to run again CMake, You must use something that has not been modified component, Unless we keep this change to the new component Go inside , I'm too lazy to revise , So you can configure the project first , Again （ Everything is lazy …）
   

6. Open it directly i2c_oled\managed_components\lvgl__lvgl\src\font\lv_font_simsun_16_cjk.c, Take the document we just produced , Copy the past

7. The head is a little different , It needs to be slightly modified , Then the rest is the same , No need to deal with

   /******************************************************************************* * Size: 16 px * Bpp: 1 * Opts: ******************************************************************************/
   
   #ifdef LV_LVGL_H_INCLUDE_SIMPLE
       #include "lvgl.h"
   #else
       #include "../../lvgl.h"
   #endif
   
   #ifndef LV_FONT_SIMSUN_16_CJK
       #define LV_FONT_SIMSUN_16_CJK 1
   #endif
   

8. Open the macro of this Chinese font i2c_oled\managed_components\lvgl__lvgl\src\lv_conf_internal.h
   

9. Happy compilation , Now let's put my test code , Create a new style , Use this font

```cpp
	static lv_style_t label_shadow_style1;											//  Create a style 
	lv_style_init(&label_shadow_style1);											//  Initialization style 
	lv_style_set_text_font(&label_shadow_style1, &lv_font_simsun_16_cjk);


    
	lv_obj_t * Label3 = lv_label_create(scr);	//  Create a label on the main screen 
	lv_label_set_long_mode(Label3, LV_LABEL_LONG_DOT);		//  Label long content box , Maintain control width , If the content is too long, wrap  
	lv_obj_set_width(Label3, 64);								//  Set the label width 
	lv_label_set_recolor(Label3, true);							//  Enable character command to recolor characters 
	lv_label_set_text(Label3, " Test Chinese fonts ");					//  Set display text 
	lv_obj_align(Label3, LV_ALIGN_CENTER, 0, 0);			//  Align to the lower center 
	lv_obj_add_style(Label3, &label_shadow_style1, 0);		//  Apply effect style 
```

3、 ... and 、 test result