大紅龍日誌: Arduino_U8G2_顯示中文建立手冊

[Arduino技巧]使用u8g2函式庫建立自訂字庫，讓OLED顯示中文

2023年12月11日

下午 02:42

傑森創工的LCM 模組不錯我我常常買大家可以參考看看

下面是我小小研究心得

OLED 中文 LCD 中文中文字庫

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image001.png$

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image002.png$

[Arduino技巧]使用u8g2函式庫建立自訂字庫，讓OLED顯示中文

Jason Chu 13日 3月 2020 on 教學與範例, Arduino 5 min read

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image003.jpg$

Arduino的絕大多數的顯示設備，都無法直接顯示中文，除了少數內建中文字庫的LCD。但像是我們常用的OLED就跟中文有些無緣了。一般的解決方法就是用圖形在顯示中文內容，這方法其實也算是可行了。但還有更厲害的招式，就是使用u8g2的顯示器函式庫，它有自訂字型庫的功能，透過它，我們可以自訂自己的字庫！

為何是自訂字庫，而不是「直接」使用字型呢？大家想想，隨便一個中文字型檔，沒有3MB以上不太可能吧，但我們的Arduino開發板不論是記憶體或儲存空間，都是小得可憐，怎麼可能把完整的中文字型載入呢？所以我們就轉個彎，把一些常用的中文字，其實一般Arduino專案常用的中文字也就幾十個或百來字，把這些字存成一個自己的字庫，這樣以後就能像顯示英文一樣的顯示中文了！

而要用到這個功能，就要靠u8g2函式了，有關u8g2的基本使用，請參考傑森以前的文章：

一套u8g2函式庫，玩遍所有OLED

有一點要注意，就算透過程式管理員，安裝了u8g2的函式庫，但並不會安裝我們等一下要用到的工具，所以還是要去自行下載。

https://github.com/olikraus/u8g2

我們主要是需要u8g2/tools/font/這個目錄，所以直接把tools整個目前Copy到電腦上的「Documents\Arduino\libraries\U8g2」目錄中。

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image004.png$

進到「u8g2\tools\font\bdfconv」目錄，會看到「bdfconv.exe」這個Dos程式，我們就是要靠它來轉檔的。

我們首先要把需要的字型加入一個「U8g2\tools\font\build\chinese1.map」檔案裡。

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image005.png$

用記事本打開它，會看到裡面已經有一些文字的unicode碼，我們只要把想加的文字，加到後面去就可以了。

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image006.png$

處理的方法很簡單，找一個軟體或是線上服務，能把文字轉成unicode碼的就可以了。傑森這裡找到一個線上服務，大家可以參考看看。

https://www.ifreesite.com/unicode-ascii-ansi.htm

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image007.png$

圖中大家可以發現，每一個字後面都加了一個英文的逗號，這個主要是為了方便啦。

接下來把轉好的unicode碼，一個一個的貼到chinese1.ma裡，一字一行，而且大家也發現了，chinese1.map裡的格式是：「$91CC」，而unicode碼的格式是：「」，所以只要把「u」換成「$」就可以了，這件事可以由記事本中的「取代」來完成，不用自己一個字一個字去改。

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image008.png$

然後貼到chinese1.map裡就可以了。

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image009.png$

接著用CMD視窗到DOS環境中，執行以下指令：

Win +R 就會彈出一個視窗，在視窗輸入CMD 按下確定

就會跳出DOS視窗

Cd\

cd\onedrive\文件\Arduino\libraries\U8g2\tools\font\bdfconv

再下達下列DOS命令

bdfconv.exe -v ../bdf/unifont.bdf -b 0 -f 1 -M ../build/chinese1.map -d ../bdf/7x13.bdf -n u8g2_font_unifont -o u8g2_font_unifont.c

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image010.png$

完成轉碼後，字庫代碼會在u8g2_font_unifont.c檔案中，用記事本打開，把陣列內容複制起來。

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image011.png$

接著打開「U8g2srcclibu8g2_fonts.c」這個檔案，找到「u8g2_font_unifont_t_chinese1」這個陣列。

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image012.png$

把剛才從u8g2_font_unifont.c裡複制的內容，取代「u8g2_font_unifont_t_chinese1」這個陣列內容，記得連陣列大小的文字也要改成新的哦！(這點漏掉真的不行啊！！)

$C:\AC5C54A5\F7453C23-9E18-4839-BB74-AD2DA9A4D73D.files\image013.png$

我們來寫支程式來測試看看吧！以下是簡單顯示文字的程式碼，只是多了一行啟用UTF8文字功能，這樣我們才能顯示中文哦！

u8g2.enableUTF8Print(); //啟用UTF8文字的功能

大家都試試吧，在OLED顯示中文"字"，真的不難哦！

#include <Arduino.h>

#include <U8g2lib.h>

#ifdef U8X8_HAVE_HW_SPI

#include <SPI.h>

#endif

#ifdef U8X8_HAVE_HW_I2C

#include <Wire.h>

#endif

//U8G2_SSD1306_128X64_NONAME_1_SW_I2C u8g2(U8G2_R0, /* clock=*/ D2, /* data=*/ D1, /* reset=*/ U8X8_PIN_NONE);

U8G2_SSD1306_128X64_NONAME_1_HW_I2C u8g2(U8G2_R0, /* reset=*/ U8X8_PIN_NONE);

//U8G2_SH1106_128X64_NONAME_1_HW_I2C u8g2(U8G2_R0, /* reset=*/ U8X8_PIN_NONE);

void setup(void) {

u8g2.begin();

u8g2.enableUTF8Print(); //啟用UTF8文字的功能

}

void loop(void) {

u8g2.setFont(u8g2_font_unifont_t_chinese1); //使用我們做好的字型

u8g2.firstPage();

do {

u8g2.setCursor(0, 14);

u8g2.print("傑森創工");

u8g2.setCursor(0, 35);

u8g2.print("中文完成,太強了!");

u8g2.setCursor(0, 60);

u8g2.print("時間 16:28");

} while ( u8g2.nextPage() );

delay(1000);

}

本文主要是參考了以下的網站，萬分感謝！

https://blog.csdn.net/menghuanbeike/article/details/75666266

Share this post

Facebook

Twitter

[Arduino技巧] ST7920 LCD也能用u8g2函式庫，連自訂的中文字庫也能用！

很多人都受夠了單調又制式的1602 LCD了吧，ST7920提供我們另外一種選擇，大尺寸、128x64高解析度，可以顯示文字及圖形，價格也合理，如果再搭配上u8g2函式庫，就真的是完美了！…

[Arduino範例] 一套u8g2函式庫，玩遍所有OLED

u8g2函式庫，它算是u8glib的新版本，它對顯示器的支援超強大的！舉凡常見的OLED，像是SSD1306和SH1106，或是其它各種TFT LCD，都在它的支援範圍，真的是學一招就無敵了！…

來自 <https://blog.jmaker.com.tw/chinese_oled/>

建立電腦字形到U8G2步驟

適用範圍：

ESP8266，ESP32，TTGO

Arduino UNO不建議使用因為記憶體不夠

步驟一

到電腦C:\Windows\Font路徑下選擇一個字形檔

將ttf檔案拷貝D:\onedrive\文件\Arduino\libraries\U8g2\tools\font\otf2bdf\otf2bdf3-win32這個目錄之下

進入命令模式

進入DOS 命令視窗

將ttf檔案轉成bdf格式

在DOS下達：

cd\Users\Leecw\OneDrive\文件\Arduino\libraries\U8g2\tools\font\otf2bdf\otf2bdf3-win32

下達：

set tmpdir=%temp%

建立一個暫存區

下達下列命令：

otf2bdf -r 72 -p 24 -o kaishu7224.bdf kaishu.ttf

轉出一個名稱為kaishu7224.bdf

再將kaishu7224.bdf copy到D:\onedrive\文件\Arduino\libraries\U8g2\tools\font\bdf

這個目錄底下

//我所建立的字形

//***********************************************************

//目前我將常使用到的字先建立，字如下

亞,弘,電,科,技,股,份,有,限,公,司,生,技,課,成,功,失,敗,現,在,日,期,時,間,完,成,電,壓,電,流,

李,進,衛,黃,信,學,維,修,測,試,邱,盈,繼,

一,二,三,四,五,六,七,八,九,十,百,千,萬,億,月,日,年,請,稍,待,等,一,下,是,的,阿,林,宗,民,鄭,進,來,哥,秋,菊,翠,敏,幹,冷,涼,卡,好,警,告,太,高,低,主,星,期,棋,宇,喆,品,筠,育,鋒,楊,麗,玉,剩,餘,量,上,下,左,右,按,推,前,後,目,連,線,中,充,放,不,良,核,心,溫,度,設,計,平,均,氣,壓,晴,天,陰,雨,颱,風,強,弱,程,式,韌,體,軟

開關注意通知載燒錄會道人正治具手機示波器頻率振幅耐大小長短遠近新舊社市

自己新增加的字形要放在使用VSC或者NotePAD++等文字編輯軟體將轉換出來的程式碼放在u8g2_fonts.c內，然後使用VSC或者NotePAD++等文字編輯軟體打開u8g2.h 加入

將這一段程式碼copy然後貼到u8g2_fonts.c中

開啟u8g2.h

extern const uint8_t u8g2_font_unifont_kaishu7216 [] U8G2_FONT_SECTION("u8g2_font_unifont_kaishu7216");

將這一段加在u8g2.h 中如此便大功告成。

程式設計 : 李進衛

大紅龍日誌

2024年10月5日星期六

Arduino_U8G2_顯示中文建立手冊

沒有留言:

如何使用終端機軟體收集來自於Arduino的資料

大紅龍

檢舉濫用情形

2024年10月5日 星期六

Arduino_U8G2_顯示中文建立手冊

沒有留言:

如何使用終端機軟體收集來自於Arduino的資料

2024年10月5日星期六