筆者能力有限,如果文中出現錯誤的地方,還請各位朋友能夠給我指出來,我將不勝感激,謝謝~
前言
在使用 lvgl 庫的時候,筆者使用的 V7 版本的庫,使用過程中發現網上關於 V7 版本的資料非常少,官網有文檔介紹其如何使用,但有些方面還不是很全面,而且網上現在的中文教程大多數是針對於 V6 版本的,V6 和 V7 使用上的差異在有些方面還是挺大的,所以筆者也就想把自己在使用 V7 版本的庫的時候的一些心得記錄下來,這篇文章不能覆蓋全面,只是筆者就最近幾天所使用到的 lvgl V7 版本的一部分功能的一個總結,后期如果有新的心得了,會繼續完善這個系列,好了,下面開始正文。
V7 版本亮點
首先,我們看一下 lvgl 的 github 倉庫,可以看到有目前 V7 版的 lvgl 也有好幾個版本了,最新發布的版本是 V7.1.1 的。

關於 V7 版本的庫相對於 V6 版本的庫的一個亮點是關於 lv_core 文件夾下的 lv_obj_style_dec.h這個文件。

我們先打開這個文件,可以看到這個文件全是一些宏定義以及內聯函數的組合,如下所示:

那為什么說這些宏定義的很巧妙呢,我們繼續看下下面這樣一張圖:
上圖所示的代碼左邊是官方給出的一個 demo ,在查看代碼的過程中,左圖 171 行代碼 go to 過去,對應的是右圖的 158 行的代碼,右圖的代碼可以看到前面全是一樣的,這又是如果與作圖的代碼相對應的呢?這需要使用到 C 語言宏粘貼的概念。這里介紹一下羽林君公眾號的一篇文章描述了宏粘貼的相關應用:你用過宏##粘貼函數,然后用函數指針查找執行嗎?今天就給你說道說道,筆者也在這里簡單敘述一下宏粘貼的相關概念:
宏粘貼##的概念
一句話概括 ## 的作用就是:將宏參數進行連接,下面看一個例子:
#include <stdio.h>
#define f(a,b) a##b
#define g(a) #a
#define h(a) g(a)
int main(void)
{
printf("%s\n",h(f(1,2)));
printf("%s\n",g(f(1,2)));
}
輸出結果是這樣子的:

對於這個例子,需要補充的一點知識是:#的作用是將宏字符串化。下圖是第一個 printf的計算過程:

知道了第一個 printf 輸出時的計算過程,第二個的結果也就明了了,不再進行贅述。除了可以將兩個數字進行拼接,這種方法也可以用於變量的聲明,在 羽林君公眾號中給出的例子是這樣的:
#define def_u32_array(__name, __size) uint32_t array_##__name[__size];
那么我們可以這樣進行調用:
def_u32_array(sample_buffer, 64);
宏展開的效果是這樣子的:
uint32_t array_sample_buffer[64];
除此之外,也可以粘貼成函數,這也就是 lvgl V7 版本的相對於 V6 版本的一個巧妙之處。
lvgl 的宏粘貼
首先我們來看文件最底下這個宏定義:

先將這個宏定義展開,也就是說 _LV_OBJ_STYLE_SET_GET_DECLAR等效於:_OBJ_GET_STYLE_scalar(prop_name, func_name, value_type, style_type) _OBJ_SET_STYLE_LOCAL_scalar(prop_name, func_name, value_type, style_type) 和 _OBJ_SET_STYLE_scalar(prop_name, func_name, value_type, style_type),分析到這步還不能看出啥,我們進一步拆解,我們來看_OBJ_GET_STYLE_scalar(prop_name, func_name, value_type, style_type) ,這對應的是下圖所示的代碼:

這個時候,再來看 _OBJ_GET_STYLE_scalar(prop_name, func_name, value_type, style_type),就是一個宏定義的內聯函數,現在基本就清晰了,就是說一個 _LV_OBJ_STYLE_SET_GET_DECLARE 聲明了三個函數,我們拿一個具體的例子來進行分析,我們就那這個文件的第一個聲明來進行分析:
_LV_OBJ_STYLE_SET_GET_DECLARE(RADIUS, radius, lv_style_int_t, _int, scalar)
將其所有都展開,就是我們最終想要看到的內容,具體是這樣子的,如下圖所示:

再回到最開始拋出的那個問題,go to 過去為什么對應的代碼是那樣,也就迎刃而解了。
V7 版本修改字體
上述是關於宏粘貼問題的一個描述,除此之外,V7版本的庫在修改字體的時候和 V6 版本的相差也是很大的,網上給出的教程以及官網給出的示例都是依據 V6 版本的,修改方法不能應用到 V7 版本上,這里指的修改字體指的是如果我想讓界面顯示出中文,該如何添加字庫並進行應用。首先介紹的是官方給出的字體轉換工具,這里所做的轉換是將字體轉換成 C 語言數組。

這種方法存在的不好的地方是轉換繁瑣,需要手動操作,筆者在查找資料的時候,看到了另一款非常方便的轉換工具,在這里給出 gitee 鏈接,https://gitee.com/WuBinCPP/MCU_Font_Release,README.md 有很詳細的使用教程,使用方法不在這里贅述了,使用下來要比官網介紹的方法要方便很多。

那要如何將我們所轉換的字體實際的用起來呢,首先要了解的是 lvgl 中的樣式,樣式是用來修飾對象的外觀的,在 lvgl 中有對象的概念,在 lvgl 中,Button ,Label,Image,List,Chart 或者 Text area 都可以被稱之為對象,如果我們現在要顯示一個中文,需要做的是創建一個樣式,然后,將樣式的字體設置為我們要顯示的中文,最后,創建一個 Label 對象,將剛剛的樣樣式綁定上去就可以實現了,V6 和 V7 版本關於這個方面的原理都一致,但是具體的代碼相差還是有點大,關於 V6 版本的使用非常的簡單,在聲明了所轉換的字體之后,只需要使用如下所示的語句即可:
static lv_style_t my_style;
lv_style_copy(&my_style,&lv_style_plain_color);//樣式拷貝
my_style.text.font = &my_font_30;//在樣式中使用字體
lv_obj_t* label = lv_label_create(src,NULL);//創建標簽控件
lv_label_set_style(label,LV_LABEL_STYLE_MAIN,&my_style);//設置樣式
lv_label_set_text(label,"字體使用")
那在 V7 版本中該如何進行使用呢?同樣的也是創建一個樣式,再將樣式綁定到相應的對象,最后實現字體的設置,詳細的代碼如下圖所示:
static lv_style_t stytle_title;
lv_style_init(&style_title);
lv_style_set_text_font(&style_title,LV_STATE_DEFAULT,&my_lv_font);
lv_obj_t * title = lv_label_create(lv_scr_act(), NULL);
lv_style_list_t * list = lv_obj_get_style_list(title, LV_LABEL_PART_MAIN);
_lv_style_list_add_style(list, &style_title);
lv_obj_refresh_style(title, LV_OBJ_PART_ALL, LV_STYLE_PROP_ALL);
lv_label_set_text(title, "這是一個字體測試程序");
可見兩個版本的使用還是有所差異的。上述就是關於字體設置的方法,由於網絡上關於如何設置 V7 版本字體提到的較少,所以在此記錄一下。
總結
上述的內容只是關於 lvgl 的一小部分,lvgl 所有內容還是挺多的,關於 lvgl 的設計思路,還是還精妙的,其采用的對象,容器等思想,像剛剛所提到的 Button ,Label,Image,List,Chart 或者 Text area都被稱之為對象,雖然對象不同,但是都可以以對象的操作方式進行操作,可以為對象添加樣式屬性,改變其外觀。針對於所提到的容器,又可以用來放置對象,Button ,Label 等都可以放置到容器 cont 中,關於 lvgl 的內容還有很多,后期有新的心得體會了再繼續分享。
如果你覺得文章內容對你有所幫助,歡迎點贊、轉發、在看三連吶~同時,也歡迎添加筆者的個人微信號,互相交流,共同進步,下面是筆者的個人微信號

同時歡迎關注筆者的個人公眾號:

