本文來源電子發燒友社區,作者:zealsoft, 帖子地址:https://bbs.elecfans.com/jishu_2307845_1_1.html
感謝“電子發燒友網”和飛凌嵌入式公司提供了本次OKA40i-C開發板的評測機會。上次我們介紹了視頻監控的測試,今天來介紹一下輕量級圖形界面庫LVGL的移植與測評。
感謝“電子發燒友網”和飛凌嵌入式公司提供了本次OKA40i-C開發板的評測機會。上次我們介紹了視頻監控的測試,今天來介紹一下輕量級圖形界面庫LVGL的移植與測評。
一、LVGL源代碼下載
OKA40i開發板官方提供了Qt作為圖形界面開發工具。不過對于簡單的用戶界面程序,Qt有點殺雞用牛刀的意思。今天介紹一下輕量級的圖形界面庫LVGL。LVGL的項目作者是來自匈牙利首都布達佩斯的 Gábor Kiss-Vámosi。它自帶著接近三十多種小組件,動畫和操作非常流暢,同時配置要求很低,再加上開源和免費,使得它迅速流行起來,AliOSThings甚至把它作為默認的圖形界面庫。
在LVGL的github網站上可以下載源代碼(https://github.com/lvgl/),在LVGL的官方倉庫中包括lv_port_linux_frame_buffer,它包括了在Linux下移植所需要的所有代碼。這個倉庫會鏈接到lvgl和lv_drivers兩個倉庫,所以一定要用gitclone的方式下載,不要采用打包成zip的方式。lv_demos這倉庫是不需要的,因為例程已經都包括在lvgl倉庫里面了。如果github下載太慢,可以使用gitee的鏡像:https://gitee.com/mculover666/lv_port_linux_frame_buffer.git。
二、配置LVGL
1、修改makefile
需要從makefile中刪除-Wshift-negative-value這個編譯選項,因為我們的編譯器不支持,同時加上-std=c99這個選項,因為程序在for循環中使用了C99語法。下面是修改前后的編譯選項對比。

2、修改lvgl源代碼
由于我們的編譯器不支持PRIX32這個常量的定義,需要修改lvglsrcdrawswlv_draw_sw_letter.c文件,將其中一句log注釋掉:

也可以把這句改為:
- LV_LOG_WARN("lv_draw_letter: glyph dsc. not found for U+X%", letter);
3、修改內存相關選項
LVGL默認是使用基于TLSF 的內存管理算法,不過它開的緩沖區對于我們的屏幕而言顯然太小了,需要修改lv_conf.h中的定義LV_MEM_CUSTOM 為 1,否則運行時會崩潰。定義LV_MEM_CUSTOM 為 1表示采用標準C語言的分配內存函數。

4、顯示設置
顯示輸出方面我們還是通過HDMI接口輸出到智能電視。LVGL支持通過直接訪問顯示緩沖區(framebuffer)和SDL等多種方式進行輸出。我們此次通過framebuffer輸出,而且我們的輸出設備是dev/fb0,所以我們不需要修改任何配置,默認配置(lv_drv_conf.h)如下:

4、增加鼠標支持
輸入采用USB鼠標。使用下面的命令可以看到當前系統有哪些輸入設備:
- cat /proc/bus/input/devices
輸出結果如下:
I: Bus=0019 Vendor=0001 Product=0001 Version=0100
N: Name="sunxi-ths"P: Phys=sunxiths/input0S: Sysfs=/devices/virtual/input/input0U: Uniq=H: Handlers=event0B: PROP=0B: EV=9B: ABS=100 0I: Bus=0019 Vendor=0001 Product=0001 Version=0100N: Name="sunxi-keyboard"P: Phys=sunxikbd/input0S: Sysfs=/devices/virtual/input/input1U: Uniq=H: Handlers=kbd event1B: PROP=0B: EV=3B: KEY=40040 0 0 10000000I: Bus=0019 Vendor=0001 Product=0001 Version=0100N: Name="sunxi-keypad"P: Phys=Keypad/input2S: Sysfs=/devices/virtual/input/kp0U: Uniq=H: Handlers=sysrq kbd event2B: PROP=0B: EV=3B: KEY=ffffffff fffffffeI: Bus=0019 Vendor=0001 Product=0001 Version=0100N: Name="axp22-powerkey"P: Phys=m1kbd/input2U: Uniq=H: Handlers=kbd event3B: PROP=0B: EV=7B: KEY=100000 0 0 0B: REL=0I: Bus=0003 Vendor=2717 Product=5016 Version=0110N: Name="MOSART Semi. Mi Wireless Mouse Lite"P: Phys=usb-sunxi-ohci-1/input0S: Sysfs=/devices/soc.0/1c1c000.ohci2-controller/usb4/4-1/4-1:1.0/input/input4U: Uniq=H: Handlers=sysrq kbd event4B: PROP=0B: EV=120013B: KEY=10000 7 ff9f207a c14057ff febeffdf ffefffff ffffffff fffffffeB: MSC=10B: LED=7I: Bus=0003 Vendor=2717 Product=5016 Version=0110N: Name="MOSART Semi. Mi Wireless Mouse Lite"P: Phys=usb-sunxi-ohci-1/input1S: Sysfs=/devices/soc.0/1c1c000.ohci2-controller/usb4/4-1/4-1:1.1/input/input5U: Uniq=H: Handlers=kbd mouse0 event5B: PROP=0B: EV=10001fB: KEY=3007f 0 0 0 0 483ffff 17aff32d bf544446 0 0 1f0001 120f93 8b17c000 677bfa d941dfed 9ed680 4400 0 10000002B: REL=1c3B: ABS=1f01 0B: MSC=10
由于我們在開發板的兩個USB口都曾經使用過USB鼠標,所以我們看到兩個USB鼠標設備,分別對應event4和event5。我們可以用evtest命令測試到底哪個設備是當前使用的。OKA40i開發板上包括了evtest,可以進行輸入設備的測試。經過測試,我們發現event5對應的設備是我們目前連接的鼠標。
# evtestNo device specified, trying to scan all of /dev/input/event*Available devices:/dev/input/event0: sunxi-ths/dev/input/event1: sunxi-keyboard/dev/input/event2: sunxi-keypad/dev/input/event3: axp22-powerkey/dev/input/event4: MOSART Semi. Mi Wireless Mouse Lite/dev/input/event5: MOSART Semi. Mi Wireless Mouse LiteSelect the device event number [0-5]: 5Input driver version is 1.0.1Input device ID: bus 0x3 vendor 0x2717 product 0x5016 version 0x110Input device name: "MOSART Semi. Mi Wireless Mouse Lite"Supported events:Event type 0 (EV_SYN)Event type 1 (EV_KEY)Event code 1 (KEY_ESC)Event code 28 (KEY_ENTER)Event code 74 (KEY_KPMINUS)……Event code 592 (KEY_BRIGHTNESS_MIN)Event code 593 (KEY_BRIGHTNESS_MAX)Event type 2 (EV_REL)Event code 0 (REL_X)Event code 1 (REL_Y)Event code 6 (REL_HWHEEL)Event code 7 (REL_DIAL)Event code 8 (REL_WHEEL)Event type 3 (EV_ABS)Event code 32 (ABS_VOLUME)Value 0Min 0Max 896Event code 40 (ABS_MISC)Value 0Min 0Max 255Event code 41 (?)Value 0Min 0Max 255Event code 42 (?)Value 0Min 0Max 255Event code 43 (?)Value 0Min 0Max 255Event code 44 (?)Value 0Min 0Max 255Event type 4 (EV_MSC)Event code 4 (MSC_SCAN)Key repeat handling:Repeat type 20 (EV_REP)Repeat code 0 (REP_DELAY)Value 400Repeat code 1 (REP_PERIOD)Value 80Properties:Testing ... (interrupt to exit)Event: time 1664272853.352702, type 2 (EV_REL), code 0 (REL_X), value 32Event: time 1664272853.352702, type 2 (EV_REL), code 1 (REL_Y), value -19Event: time 1664272853.352702, -------------- SYN_REPORT ------------Event: time 1664272853.368699, type 2 (EV_REL), code 0 (REL_X), value 12Event: time 1664272853.368699, type 2 (EV_REL), code 1 (REL_Y), value -14Event: time 1664272853.368699, -------------- SYN_REPORT ------------Event: time 1664272853.372717, type 2 (EV_REL), code 0 (REL_X), value 3Event: time 1664272853.372717, type 2 (EV_REL), code 1 (REL_Y), value -8Event: time 1664272853.372717, -------------- SYN_REPORT ------------Event: time 1664272853.384737, type 2 (EV_REL), code 0 (REL_X), value -9Event: time 1664272853.384737, type 2 (EV_REL), code 1 (REL_Y), value 1Event: time 1664272853.384737, -------------- SYN_REPORT ------------Event: time 1664272853.388724, type 2 (EV_REL), code 0 (REL_X), value -9Event: time 1664272853.388724, type 2 (EV_REL), code 1 (REL_Y), value 7Event: time 1664272853.388724, -------------- SYN_REPORT ------------Event: time 1664272853.400736, type 2 (EV_REL), code 0 (REL_X), value -8Event: time 1664272853.400736, type 2 (EV_REL), code 1 (REL_Y), value 14Event: time 1664272853.400736, -------------- SYN_REPORT ------------
修改lv_drv_conf.h中EVDEV所對應的設備名為:"/dev/input/event5"。這樣鼠標就可以正常工作了。

5、修改main.c
在main.c根據自己使用的屏幕修改分辨率:
-
disp_drv.hor_res = 1980; // 原來是800
disp_drv.ver_res = 1080; // 原來是480
一、編譯與測試
1、Widgets示例
要使用LVGL的官方測試例Widgets,首先確保lv_conf.h中的定義的LV_USE_DEMO_WIDGETS,然后確認在main.c中調用了lv_demo_widgets()。



2、Benchmark示例
LVGL的官方測試例Benchmark可以用來測試顯示性能。
完整的測試結果如下:
LVGL v8.3.0Benchmark (in csv format)Weighted FPS: 69Opa. speed: 88%Rectangle,105Rectangle + opa,54Rectangle rounded,96Rectangle rounded + opa,53Circle,60Circle + opa,28Border,134Border + opa,132Border rounded,139Border rounded + opa,130Circle border,55Circle border + opa,50Border top,144Border top + opa,144Border left,133Border left + opa,138Border top + left,140Border top + left + opa,137Border left + right,145Border left + right + opa,133Border top + bottom,143Border top + bottom + opa,144Shadow small,63Shadow small + opa,59Shadow small offset,64Shadow small offset + opa,55Shadow large,38Shadow large + opa,36Shadow large offset,36Shadow large offset + opa,36Image RGB,45Image RGB + opa,29Image ARGB,35Image ARGB + opa,31Image chorma keyed,41Image chorma keyed + opa,31Image indexed,25Image indexed + opa,22Image alpha only,27Image alpha only + opa,23Image RGB recolor,30Image RGB recolor + opa,22Image ARGB recolor,25Image ARGB recolor + opa,22Image chorma keyed recolor,26Image chorma keyed recolor + opa,22Image indexed recolor,20Image indexed recolor + opa,18Image RGB rotate,35Image RGB rotate + opa,21Image RGB rotate anti aliased,11Image RGB rotate anti aliased + opa,10Image ARGB rotate,33Image ARGB rotate + opa,27Image ARGB rotate anti aliased,10Image ARGB rotate anti aliased + opa,9Image RGB zoom,57Image RGB zoom + opa,35Image RGB zoom anti aliased,16Image RGB zoom anti aliased + opa,14Image ARGB zoom,47Image ARGB zoom + opa,39Image ARGB zoom anti aliased,13Image ARGB zoom anti aliased + opa,12Text small,157Text small + opa,154Text medium,151Text medium + opa,155Text large,158Text large + opa,154Text small compressed,0Text small compressed + opa,0Text medium compressed,0Text medium compressed + opa,0Text large compressed,0Text large compressed + opa,0Line,75Line + opa,76Arc think,53Arc think + opa,53Arc thick,52Arc thick + opa,50Substr. rectangle,6Substr. rectangle + opa,0Substr. border,0Substr. border + opa,0Substr. shadow,0Substr. shadow + opa,0Substr. image,0Substr. image + opa,0Substr. line,2Substr. line + opa,1Substr. arc,49Substr. arc + opa,50Substr. text,4Substr. text + opa,4
聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。
舉報投訴
-
飛凌
+關注
關注
0文章
135瀏覽量
16894
發布評論請先 登錄
相關推薦
熱點推薦
【作品合集】中科昊芯Core_DSC280025C開發板測評
的應用
【中科昊芯Core_DSC280025C開發板試用體驗】---外部中斷問題
第一期合集: 微五科技CF5010RBT60開發板測評作
發表于 09-18 10:52
【上海晶珩睿莓1開發板試用體驗】移植LVGL9.3并使用32位色進行顯示
在之前的開發板試用帖子中,我使用Linux開發板來移植LVGL9.1,而LVGL9系版本目前最新
發表于 09-18 00:52
【作品合集】米爾RK3576開發板測評
米爾RK3576開發板測評作品合集
產品介紹:
RK3576 是瑞芯微一款面向AI市場推出的高性能處理器,它配備了四核Cortex-A72和四
核Cortex-A53 的 CPU,集成了6TOPS
發表于 09-11 10:19
【作品合集】靈眸科技EASY EAI Orin Nano(RK3576)開發板測評
體驗】HDMI & SPITFTLCD雙屏異顯(雙進程)
【EASY EAI Orin Nano(RK3576)開發板試用體驗】移植LVGL9.1(
發表于 09-09 09:59
【作品合集】沁恒微電子CH585開發板測評
體驗】PWM 輸出【沁恒CH585開發板免費試用體驗】UART 串口通信【沁恒CH585開發板免費試用體驗】NFC近場通信【沁恒CH585開發板
發表于 09-08 10:38
【作品合集】矽速科技Sipeed MaixCAM Pro開發板測評
矽速科技Sipeed MaixCAM Pro開發板測評作品合集
產品介紹:
基于SG2002的RISCV AI視覺攝像頭模塊,可視化觸摸屏UI操作,內置十余款APP,支持MaixPy+MaixCDK
發表于 09-05 09:33
【作品精選】2025電子發燒友開發板測評大賽作品合集!
Core_DSC280025C開發板測評
潤開鴻HH-SCDAYU800A開發板測評
視美泰M-K1HSE、3568
發表于 09-03 15:24
【作品合集】創龍科技TLT113/TL3562-MiniEVM開發板測評
創龍科技TLT113/TL3562-MiniEVM開發板測評作品合集
產品介紹:
創龍科技 TLT113 - MiniEVM基于全志科技 T113 - I,采用雙核 ARM Cortex - A7
發表于 09-02 11:25
【作品合集】微五科技CF5010RBT60開發板測評
CF5010RBT60開發板試用體驗】UART4接收問題
【微五科技CF5010RBT60開發板試用體驗】基于FIFO的串口驅動移植xpri
發表于 09-01 14:48
【飛凌T527N開發板試用】開箱與開發板介紹視頻
【飛凌嵌入式OK527N-C開發板開箱介紹】 https://www.bilibili.com/video/BV1sfKSzmEtU/?share_source=copy_web&
發表于 06-26 09:43
5分鐘學會網絡服務搭建!飛凌i.MX9352開發板 + Linux 6.1實戰示例
本文就將以飛凌嵌入式OK-MX9352-C開發板(搭載了在工業物聯網領域廣泛應用的NXP i.MX9352處理器)為平臺,介紹如何在Linu
從DeepSeek到Qwen,AI大模型的移植與交互實戰指南-飛凌嵌入式
在不久前發布的《技術實戰|OK3588-C開發板上部署DeepSeek-R1大模型的完整指南》一文中,小編為大家介紹了DeepSeek-R1在飛凌嵌入式OK3588-
【飛凌OKA40i-C開發板試用體驗】LVGL移植與測評
評論