如何使用BinaryFont進(jìn)行字體動(dòng)態(tài)更新

1、引言

自從 2013 年第一款側(cè)重于 GUI 應(yīng)用的 STM32F429x【內(nèi)嵌 Chrom-ART 圖形加速和 LTDC 控制器】開始，ST 就為大 家提供了 STM32MCU + X-Cube-TouchGFX 一站式 GUI 開發(fā)平臺(tái)。越來越多的客戶使用 STM32 + TouchGFX 開發(fā)智能手表/智能家居控制面板等嵌入式設(shè)備。

在嵌入式GUI開發(fā)的應(yīng)用中，設(shè)備廠家希望自己的設(shè)備支持用戶根據(jù)自己喜好來定義所選用的字體類型。從技術(shù)上講，可以將字體和應(yīng)用程序分離開，這樣可以在嵌入式設(shè)備有限的存儲(chǔ)空間上根據(jù)需要更新和升級(jí)字體的類型。

2、TouchGFX Binary font 介紹

TouchGFX為客戶提供了二進(jìn)制字體(Binary Font)的方法，這些字體沒有鏈接到應(yīng)用程序中，而是作為文件與應(yīng)用程序分開存儲(chǔ)，這些文件在運(yùn)行時(shí)由應(yīng)用程序加載并提供給TouchGFX。

當(dāng)應(yīng)用程序加載了二進(jìn)制字體后，可以在TouchGFX字體系統(tǒng)中安裝二進(jìn)制字體。這里內(nèi)置的 Font2 被應(yīng)用程序加載的Binaryfont 替換。此后，TouchGFX 不再使用鏈接的Font2，使用自定義的Binary font進(jìn)行顯示。

下面例程展示了如何使用BinaryFont進(jìn)行字體動(dòng)態(tài)更新。

3、演示例程實(shí)現(xiàn)過程

3.1.打開 TouchGFX Designer 4.18.0

- TouchGFX4.18.0 (本文使用 4.18.0 舉例，其他版本操作過程相同)

環(huán)境安裝請(qǐng)參考網(wǎng)址: https://support.touchgfx.com/docs/introduction/installation

- VSCode

3.2.打開 TouchGFX Designer 4.18.0

選擇 STM32F746DK 探索板,生成工程 :

3.3 選擇 “文本配置”，選擇 “二進(jìn)制字體文件”

3.4 設(shè)計(jì) Screen1 (添加 Images/TextArea/Buttons)

3.5 設(shè)置 Typographies :

- Typographies 設(shè)置 :

- Single Use 設(shè)置:

3.6 TouchGFX Designer 生成項(xiàng)目

可以在以下目錄下找到verdana和verdana italic的二進(jìn)制字體文件 :

3.7 在代碼中安裝二進(jìn)制字體

在 TouchGFX 使用文本前，二進(jìn)制字體必須從文件或其他存儲(chǔ)中復(fù)制到可直接尋址的存儲(chǔ)空間。當(dāng)應(yīng)用程序?qū)⒍M(jìn)制字體加載到內(nèi)存時(shí)，它可以在 TouchGFX 中安裝字體，之后 TouchGFX 將使用該字體而不是編譯后的字體。

- 在FrontApplication.cpp安裝默認(rèn)的二進(jìn)制字體:

3.7 添加 Button 交互，用于選擇使用不同的二進(jìn)制字體

- 添加交互，當(dāng)按鍵按下，切換成相應(yīng)的二進(jìn)制字體 :

- 添加代碼 Screen1View.hpp

- 添加代碼 Screen1View.cpp

3.8 編譯運(yùn)行結(jié)果如下 :

驗(yàn)證

從以上的演示可以看到，通過TouchGFX Designer的簡(jiǎn)單配置和調(diào)用其提供的API，就可以輕松實(shí)現(xiàn)字體的動(dòng)態(tài)更新。

廠家和用戶可以根據(jù)場(chǎng)景需求靈活使用本功能。比如 ，廠家可以通過針對(duì)的不同用戶群體來提供OTA服務(wù)，讓用戶動(dòng)態(tài)更新自己的字體類型。這樣由于各二進(jìn)制字體可以占用同一塊內(nèi)存區(qū)域，廠家的硬件成本也會(huì)得到降低。

具體示例實(shí)現(xiàn)過程，請(qǐng)參考示例代碼 : 《hello-tgfx4180-binary-font-v1.0-202112.7z》

THE END

審核編輯 ：李倩