作者ID：jf_92517703

環(huán)境搭建

板卡實(shí)物

首次編譯燒寫源碼

下載源碼：https://gitee.com/artinchip/luban-lite.git

VSCode 安裝插件

在VSCode打開源碼

在第一次編譯之前必須清理下工程

下載燒寫工具：

https://gitee.com/artinchip/tools，下載后安裝。

在VSCode安裝插件后打開SDK目錄

否則報(bào)錯(cuò)

選擇配置

編譯bootloader程序，選擇配置。

編譯

編譯helloword程序，選擇配置。

編譯APP

燒錄固件

先按住【BOOT】，然后按下【RESET】，AiBrun顯示設(shè)置已連接選擇生成的固件，點(diǎn)擊【開始】，完成下載。

焊接調(diào)試串口

打開mobarxterm查看日志

SDK應(yīng)用程序入口

修改RTT的main函數(shù)，循環(huán)打印輸出計(jì)數(shù)。

application\rt-thread\helloworld\main.c

板卡初始化文件：target\d13x\kunlunpi88-nor\board.c

顯示了軟件版本【Version: Car1.2.3】,說明找到了板子的初始化文件【board.c】文件。

板卡的配置文件：

target\d13x\common\Kconfig.board

target\configs\d13x_kunlunpi88-nor_rt-thread_helloworld_defconfig

KEY測試

使能gpio_key的測試程序

修改了對應(yīng)的配置文件

根據(jù)配置添加編譯

關(guān)聯(lián)源碼：

bsp\examples\test-gpio\test_gpio_key.c

LVGL-Music Demo

添加LVGL的Music示例Demo測試

要想直到helloword的程序到底運(yùn)行的什么LVGL程序，首先查看運(yùn)行的線程，發(fā)現(xiàn)存在LVGL線程。

在VSCode中搜索【LVGL】線程的創(chuàng)建：packages\artinchip\lvgl-ui\lvgl_v9\lvgl\env_support\rt-thread\lv_rt_thread_port.c

在RT-Thread 環(huán)境中使用【scons】（即通過 ENV 工具鏈）編譯時(shí)，會自動(dòng)定義宏【__RTTHREAD__】

線程初始化位置：packages\artinchip\lvgl-ui\lv_demo.c

打開工程配置：scons --menuconfig

配置文件變化：target\configs\d13x_kunlunpi88-nor_rt-thread_helloworld_defconfig

這就是出廠的demo入口【ui_init】

【void lv_example_observer_2(void)】這個(gè)沒有被調(diào)用，所以【void aic_ui_init()】就是入口：packages\artinchip\lvgl-ui\aic_ui.c

在這里修改為【music】的demo

編譯下載

打開內(nèi)存和性能監(jiān)視：packages\artinchip\lvgl-ui\lvgl_v9\lv_conf.h

屏幕刷新幀率最低35幀，CPU使用最高50%。

LVGL-自己添加APP

要自己定義自己的UI程序，我們自己僅僅需要實(shí)現(xiàn)【ui_init】函數(shù)即可，從官方的串口工具得到啟發(fā)。

第一步

第二步

第三步

第四步

那我自己做一個(gè)串口工具的UI試試

在【packages\artinchip\lvgl-ui\lv_demo.c】中添加源碼，源碼由通義千問完成。

#include"lvgl.h"#include"stdio.h"#include"string.h"http:// 全局控件句柄staticlv_obj_t*rx_textarea =NULL;staticlv_obj_t*tx_textarea =NULL;staticlv_obj_t*baud_dropdown =NULL;staticlv_obj_t*port_dropdown =NULL;staticlv_obj_t*hex_recv_checkbox =NULL;staticlv_obj_t*hex_send_checkbox =NULL;staticlv_obj_t*interval_textarea =NULL;staticlv_obj_t*auto_send_checkbox =NULL;// 模擬發(fā)送按鈕回調(diào)staticvoidsend_btn_event_cb(lv_event_t*e){constchar*text =lv_textarea_get_text(tx_textarea);if(text &&strlen(text) >0) {// 模擬追加到接收區(qū)（實(shí)際應(yīng)由 UART 中斷處理）staticcharbuf[128];snprintf(buf,sizeof(buf),"Sent: %s\r\n", text);lv_textarea_add_text(rx_textarea, buf);// lv_textarea_cursor_end(rx_textarea); // 滾動(dòng)到底部}}// 模擬打開串口按鈕回調(diào)staticvoidopen_uart_btn_event_cb(lv_event_t*e){

charmsg[64];snprintf(msg,sizeof(msg),"Opened %s @ %sbps\r\n","com3","115200");lv_textarea_add_text(rx_textarea, msg);

// lv_textarea_cursor_end(rx_textarea);}// 創(chuàng)建串口調(diào)試助手 UIvoidcreate_uart_tool(void) {// 主容器：水平布局，左右分區(qū)lv_obj_t *main_cont =lv_obj_create(lv_screen_active());lv_obj_set_size(main_cont,LV_PCT(100),LV_PCT(100));lv_obj_set_layout(main_cont,LV_LAYOUT_FLEX);lv_obj_set_flex_flow(main_cont,LV_FLEX_FLOW_ROW);lv_obj_set_style_pad_all(main_cont,8,0);//lv_obj_set_style_bg_color(main_cont, lv_color_light_gray(), 0);

// ========== 左側(cè)：控制面板 ==========lv_obj_t*left_panel =lv_obj_create(main_cont);lv_obj_set_width(left_panel,160);lv_obj_set_height(left_panel,LV_PCT(100));lv_obj_set_layout(left_panel, LV_LAYOUT_FLEX);lv_obj_set_flex_flow(left_panel, LV_FLEX_FLOW_COLUMN);lv_obj_set_style_pad_row(left_panel,8,0);// 串口端口lv_obj_t*label =lv_label_create(left_panel);lv_label_set_text(label,"Port:");port_dropdown =lv_dropdown_create(left_panel);lv_dropdown_set_options(port_dropdown,"UART0\nUART1\nUART2\nUART3");// 波特率label =lv_label_create(left_panel);lv_label_set_text(label,"Baudrate:");baud_dropdown =lv_dropdown_create(left_panel);lv_dropdown_set_options(baud_dropdown,"9600\n19200\n38400\n57600\n115200");lv_dropdown_set_selected(baud_dropdown,4); // 默認(rèn) 115200// 打開串口按鈕lv_obj_t*open_btn =lv_button_create(left_panel);lv_obj_set_width(open_btn,LV_PCT(100));lv_obj_add_event_cb(open_btn, open_uart_btn_event_cb, LV_EVENT_CLICKED,NULL);lv_obj_t*btn_label =lv_label_create(open_btn);lv_label_set_text(btn_label,"Open UART");lv_obj_center(btn_label);// HEX 顯示hex_recv_checkbox =lv_checkbox_create(left_panel);lv_checkbox_set_text(hex_recv_checkbox,"Hex Display");// HEX 發(fā)送hex_send_checkbox =lv_checkbox_create(left_panel);lv_checkbox_set_text(hex_send_checkbox,"Hex Send");// 發(fā)送間隔label =lv_label_create(left_panel);lv_label_set_text(label,"Interval (ms):");interval_textarea =lv_textarea_create(left_panel);lv_textarea_set_text(interval_textarea,"1000");lv_textarea_set_one_line(interval_textarea,true);lv_textarea_set_max_length(interval_textarea,8);lv_obj_set_height(interval_textarea,30);// 自動(dòng)發(fā)送auto_send_checkbox =lv_checkbox_create(left_panel);lv_checkbox_set_text(auto_send_checkbox,"Auto Send");// 發(fā)送按鈕lv_obj_t*send_btn =lv_button_create(left_panel);lv_obj_set_width(send_btn,LV_PCT(100));lv_obj_add_event_cb(send_btn, send_btn_event_cb, LV_EVENT_CLICKED,NULL);btn_label =lv_label_create(send_btn);lv_label_set_text(btn_label,"Send");lv_obj_center(btn_label);// ========== 右側(cè)：接收/發(fā)送區(qū) ==========lv_obj_t*right_panel =lv_obj_create(main_cont);lv_obj_set_flex_grow(right_panel,1);lv_obj_set_height(right_panel,LV_PCT(100));lv_obj_set_flex_flow(right_panel, LV_FLEX_FLOW_COLUMN);lv_obj_set_layout(right_panel, LV_LAYOUT_FLEX);lv_obj_set_style_pad_row(right_panel,8,0);// 接收區(qū)label =lv_label_create(right_panel);lv_label_set_text(label,"Received Data:");lv_obj_set_style_margin_bottom(label,4,0);rx_textarea =lv_textarea_create(right_panel);lv_obj_set_flex_grow(rx_textarea,1);lv_textarea_set_placeholder_text(rx_textarea,"Waiting for data...");//lv_obj_clear_flag(rx_textarea, LV_OBJ_FLAG_EDITABLE); // 只讀lv_obj_set_style_bg_color(rx_textarea,lv_color_white(),0);lv_obj_set_style_text_color(rx_textarea,lv_color_black(),0);// 發(fā)送區(qū)label =lv_label_create(right_panel);lv_label_set_text(label,"Transmit Data:");lv_obj_set_style_margin_bottom(label,4,0);tx_textarea =lv_textarea_create(right_panel);lv_obj_set_flex_grow(tx_textarea,1);lv_textarea_set_placeholder_text(tx_textarea,"Enter data to send...");lv_obj_set_style_bg_color(tx_textarea,lv_color_white(),0);lv_obj_set_style_text_color(tx_textarea,lv_color_black(),0);// 可選：設(shè)置默認(rèn)字體（防止文字太?。﹍v_obj_set_style_text_font(lv_screen_active(), &lv_font_montserrat_14,0);}

LVGL-使用AIUIBuilder開發(fā)

使用AIUIBuilder開發(fā)LVGL程序值得點(diǎn)贊，頁面繪制、資源管理一次解決，安逸啊！

使用AIUIBuilder

scons --menuconfig

打開工程配置

先設(shè)計(jì)一個(gè)簡單的demo

將生成的【ui_builder】下的文件全部拷貝到工程目錄【packages\artinchip\lvgl-ui\aic_demo\ui_builder】。

首次拷貝可能需要拷貝【lv_conf_custom.h】文件，因?yàn)榭截惲诉@個(gè)文件導(dǎo)致整個(gè)LVGL源碼會重新編譯，因?yàn)椤緇v_conf.h】包含了它，在【lv_conf_custom.h】文件在沒有改變就不要拷貝這個(gè)文件。

運(yùn)行結(jié)果

字庫和圖片資源測試

字體生成

還可以添加各種字體文件

圖片資源的使用

測試結(jié)果

添加用戶APP文件夾到構(gòu)建系統(tǒng)

添加自己的APP代碼

**修改SConscript文件，**修改此文件會導(dǎo)致整個(gè)工程重新編譯

添加user_app目錄及子目錄：SConscript

user_app內(nèi)部的SConscript文件都是一樣的，復(fù)制于【application\rt-thread\helloworld\SConscript】，Kconfig都是空文件。

**這個(gè)構(gòu)建腳本大致意思是，**添加當(dāng)前目錄的c文件到構(gòu)建系統(tǒng)，遞歸添加子目錄的c文件到構(gòu)建系統(tǒng)。

Import('RTT_ROOT')Import('rtconfig')frombuilding import *
cwd = GetCurrentDir()src = Glob('*.c')CPPPATH = [cwd, ]
CFLAGS =' -c -ffunction-sections'
group = DefineGroup('Applications', src, depend = [''], CPPPATH = CPPPATH, CFLAGS=CFLAGS)
list = os.listdir(cwd)foriteminlist: ifos.path.isfile(os.path.join(cwd, item,'SConscript')): group=group+ SConscript(os.path.join(item,'SConscript'))
Return('group')

application\user_app\helloworld\user_main.c

/* * Copyright (c) 2022-2024, ArtInChip Technology Co., Ltd * * SPDX-License-Identifier: Apache-2.0 * * Authors: weilin.peng@artinchip.com */
#include#ifdefRT_USING_ULOG#include#endif
rt_device_tg_serial;
intuser_app_entry(void){ log_i("INIT_APP_EXPORT Hello World!\n"); g_serial =rt_device_find("uart2");
if(!g_serial) { log_w("find %s failed!\n","uart2"); return-RT_ERROR; } rt_err_t ret =rt_device_open(g_serial, RT_DEVICE_OFLAG_RDWR | RT_DEVICE_FLAG_INT_RX); if(ret != RT_EOK) { log_w("open %s failed !\n","uart2"); return-RT_ERROR; }
return0;}INIT_APP_EXPORT(user_app_entry);

application\user_app\ui\ui.c

/* * Copyright (c) 2022-2024, ArtInChip Technology Co., Ltd * * SPDX-License-Identifier: Apache-2.0 * * Authors: weilin.peng@artinchip.com */
#include#ifdefRT_USING_ULOG#include#endif
externrt_device_tg_serial;voidscreen_button_1_custom_clicked(void){ char*msg ="Hello World!\n"; log_i("send:%s\n",msg); rt_device_write(g_serial,0, msg,strlen(msg));}

screen_button_1_custom_clicked這個(gè)是按鍵點(diǎn)擊的重寫函數(shù)，原本是弱定義。

測試結(jié)果

點(diǎn)擊button串口發(fā)送hello word。

以上內(nèi)容來源：電子發(fā)燒友論壇