【飛凌OKA40i-C開發板試用體驗】LVGL移植與測評
本文來源電子發燒友社區，作者：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文章
134瀏覽量
16145
發布評論請先 登錄
相關推薦
3.1s啟動！飛凌嵌入式i.MX93開發板部署LVGL，打造更高效的GUI
近期，飛凌嵌入式為基于NXP i.MX93系列處理器打造的OK-MX9352-C開發板成功移植了
【ELF 2學習板試用】ELF 2開發板開箱測評
簡介
很高興收到飛凌嵌入式提供的ELF 2開發板，ELF 2學習板基于瑞芯微RK3588旗艦處理器開發設計，處理器采用先進的8nm制程工藝，
發表于 01-15 09:43
2秒啟動！飛凌嵌入式RK3506開發板LVGL顯示方案，讓界面炫起來
近期，飛凌嵌入式為OK3506J-S開發板移植了最新9.2版本的LVGL，支持多種屏幕構件以及鼠標、鍵盤、觸摸等多種輸入方式， 能夠帶來更加
【飛凌嵌入式OK3588J-C開發板體驗】OK3588J-C開發板開箱評測
很高興收到飛凌嵌入式提供的OK3588J-C開發板，這是瑞芯微最新的8K旗艦8核SOC，非常適合用來做機器視覺，AI，語音識別，圖像處理。
下面來看看OK3588J-
發表于 12-04 15:23
【飛凌嵌入式OK527N-C開發板體驗】- 1. 開箱
周三左右就收到了快遞，一直忙其他的事情，沒時間弄這個，就拖到周末了。
首先發個開箱貼，記錄下。
外包裝，盒子比想象的要大不少。
附帶飛凌的產品手冊，里面有很多飛凌的
發表于 07-11 21:24
【飛凌嵌入式OK527N-C開發板體驗】- 開箱
周三左右就收到了快遞，一直忙其他的事情，沒時間弄這個，就拖到周末了。
首先發個開箱貼，記錄下。
外包裝，盒子比想象的要大不少。
附帶飛凌的產品手冊，里面有很多飛凌的
發表于 06-30 23:04
點擊參與米爾NXP i.MX 93開發板有獎試用
米爾與NXP合作發布的新品基于NXPi.MX93應用處理器的MYD-LMX9X開發板免費試用活動來啦~~米爾提供了3塊價值678元的MYD-LMX9X開發板發起試用活動您不僅可以免費體
飛凌嵌入式i.MX8M Plus開發板的OTA遠程升級方案
的方式，可升級系統內核、文件系統和應用。接下來，將以飛凌嵌入式OKMX8MP-C開發板為例，基于Linux5.4.70版本內核，展示升級前后的切換效果。切換前，系
移植libmodbus庫到米爾-全志T113-i開發板
測試開發板在工業領域的應用，modbus作為工業領域的一個重要協議，那好就移植libmodbus庫。
如何在飛凌嵌入式T113-i開發板的Buildroot中移植MQTT協議？
新功能。本篇文章，小編就以在Buildroot移植MQTT協議為例為大家介紹。
配置文件介紹
首先了解一下在Buildroot中移植功能時涉及到的配置文件。
查看飛凌嵌入式OK113
發表于 02-04 11:27
飛凌嵌入式RK3568開發板藍牙收、發文件測試
本文由電子發燒友論壇用戶fsdzdzy提供，感謝分享。飛凌嵌入式每月定期開展新的開發板體驗活動，歡迎更多工程師朋友的關注和參與。飛凌嵌入式O
如何在飛凌嵌入式T113-i開發板的Buildroot中移植MQTT協議？
飛凌嵌入式OK113i-S開發板上市一段時間以來收獲了很多關注，也成為了許多客戶項目選型的優質之選。在實際的項目開發中，工程師朋友們可能會需
工商網監
評論