筆者能力有限，如果文中出現(xiàn)錯誤的地方，還請各位朋友能夠給我指出來，我將不勝感激，謝謝~

前言

在使用 lvgl 庫的時候，筆者使用的 V7 版本的庫，使用過程中發(fā)現(xiàn)網(wǎng)上關(guān)于 V7 版本的資料非常少，官網(wǎng)有文檔介紹其如何使用，但有些方面還不是很全面，而且網(wǎng)上現(xiàn)在的中文教程大多數(shù)是針對于 V6 版本的，V6 和 V7 使用上的差異在有些方面還是挺大的，所以筆者也就想把自己在使用 V7 版本的庫的時候的一些心得記錄下來，這篇文章不能覆蓋全面，只是筆者就最近幾天所使用到的 lvgl V7 版本的一部分功能的一個總結(jié)，后期如果有新的心得了，會繼續(xù)完善這個系列，好了，下面開始正文。

V7 版本亮點

首先，我們看一下 lvgl 的 github 倉庫，可以看到有目前 V7 版的 lvgl 也有好幾個版本了，最新發(fā)布的版本是 V7.1.1 的。

關(guān)于 V7 版本的庫相對于 V6 版本的庫的一個亮點是關(guān)于 lv_core 文件夾下的?lv_obj_style_dec.h這個文件。

我們先打開這個文件，可以看到這個文件全是一些宏定義以及內(nèi)聯(lián)函數(shù)的組合，如下所示：

那為什么說這些宏定義的很巧妙呢，我們繼續(xù)看下下面這樣一張圖：

上圖所示的代碼左邊是官方給出的一個 demo ，在查看代碼的過程中，左圖 171 行代碼 go to 過去，對應(yīng)的是右圖的 158 行的代碼，右圖的代碼可以看到前面全是一樣的，這又是如果與作圖的代碼相對應(yīng)的呢？這需要使用到 C 語言宏粘貼的概念。這里介紹一下羽林君公眾號的一篇文章描述了宏粘貼的相關(guān)應(yīng)用：你用過宏##粘貼函數(shù)，然后用函數(shù)指針查找執(zhí)行嗎？今天就給你說道說道，筆者也在這里簡單敘述一下宏粘貼的相關(guān)概念：

宏粘貼##的概念

一句話概括 ## 的作用就是：將宏參數(shù)進行連接，下面看一個例子：

#include?

#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)));
}

輸出結(jié)果是這樣子的：

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

知道了第一個 printf 輸出時的計算過程，第二個的結(jié)果也就明了了，不再進行贅述。除了可以將兩個數(shù)字進行拼接，這種方法也可以用于變量的聲明，在?羽林君公眾號中給出的例子是這樣的：

#define?def_u32_array(__name,?__size)????uint32_t?array_##__name[__size];

那么我們可以這樣進行調(diào)用：

def_u32_array(sample_buffer,?64);

宏展開的效果是這樣子的：

uint32_t?array_sample_buffer[64];

除此之外，也可以粘貼成函數(shù)，這也就是 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),這對應(yīng)的是下圖所示的代碼：

這個時候，再來看?_OBJ_GET_STYLE_scalar(prop_name, func_name, value_type, style_type)，就是一個宏定義的內(nèi)聯(lián)函數(shù)，現(xiàn)在基本就清晰了，就是說一個?_LV_OBJ_STYLE_SET_GET_DECLARE?聲明了三個函數(shù)，我們拿一個具體的例子來進行分析，我們就那這個文件的第一個聲明來進行分析：

_LV_OBJ_STYLE_SET_GET_DECLARE(RADIUS,?radius,?lv_style_int_t,?_int,?scalar)

將其所有都展開，就是我們最終想要看到的內(nèi)容，具體是這樣子的，如下圖所示：

再回到最開始拋出的那個問題，go to 過去為什么對應(yīng)的代碼是那樣，也就迎刃而解了。

V7 版本修改字體

上述是關(guān)于宏粘貼問題的一個描述，除此之外，V7版本的庫在修改字體的時候和 V6 版本的相差也是很大的，網(wǎng)上給出的教程以及官網(wǎng)給出的示例都是依據(jù) V6 版本的，修改方法不能應(yīng)用到 V7 版本上，這里指的修改字體指的是如果我想讓界面顯示出中文，該如何添加字庫并進行應(yīng)用。首先介紹的是官方給出的字體轉(zhuǎn)換工具，這里所做的轉(zhuǎn)換是將字體轉(zhuǎn)換成 C 語言數(shù)組。

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

那要如何將我們所轉(zhuǎn)換的字體實際的用起來呢，首先要了解的是 lvgl 中的樣式，樣式是用來修飾對象的外觀的，在 lvgl 中有對象的概念，在 lvgl 中，Button ，Label，Image，List，Chart 或者 Text area 都可以被稱之為對象，如果我們現(xiàn)在要顯示一個中文，需要做的是創(chuàng)建一個樣式，然后，將樣式的字體設(shè)置為我們要顯示的中文，最后，創(chuàng)建一個 Label 對象，將剛剛的樣樣式綁定上去就可以實現(xiàn)了，V6 和 V7 版本關(guān)于這個方面的原理都一致，但是具體的代碼相差還是有點大，關(guān)于 V6 版本的使用非常的簡單，在聲明了所轉(zhuǎn)換的字體之后，只需要使用如下所示的語句即可：

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);//創(chuàng)建標(biāo)簽控件
lv_label_set_style(label,LV_LABEL_STYLE_MAIN,&my_style);//設(shè)置樣式
lv_label_set_text(label,"字體使用")

那在 V7 版本中該如何進行使用呢？同樣的也是創(chuàng)建一個樣式，再將樣式綁定到相應(yīng)的對象，最后實現(xiàn)字體的設(shè)置，詳細的代碼如下圖所示：

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,?"這是一個字體測試程序");

可見兩個版本的使用還是有所差異的。上述就是關(guān)于字體設(shè)置的方法，由于網(wǎng)絡(luò)上關(guān)于如何設(shè)置 V7 版本字體提到的較少，所以在此記錄一下。

總結(jié)

上述的內(nèi)容只是關(guān)于 lvgl 的一小部分，lvgl 所有內(nèi)容還是挺多的，關(guān)于 lvgl 的設(shè)計思路，還是還精妙的，其采用的對象，容器等思想，像剛剛所提到的 Button ，Label，Image，List，Chart 或者 Text area都被稱之為對象，雖然對象不同，但是都可以以對象的操作方式進行操作，可以為對象添加樣式屬性，改變其外觀。針對于所提到的容器，又可以用來放置對象，Button ，Label 等都可以放置到容器 cont 中，關(guān)于 lvgl 的內(nèi)容還有很多，后期有新的心得體會了再繼續(xù)分享。

如果你覺得文章內(nèi)容對你有所幫助，歡迎點贊、轉(zhuǎn)發(fā)、在看三連吶~同時，也歡迎添加筆者的個人微信號，互相交流，共同進步，下面是筆者的個人微信號

同時歡迎關(guān)注筆者的個人公眾號：