本文來源電子發燒友社區,作者: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瀏覽量
16098
發布評論請先 登錄
相關推薦
如何在飛凌嵌入式T113-i開發板的Buildroot中移植MQTT協議?
新功能。本篇文章,小編就以在Buildroot移植MQTT協議為例為大家介紹。
配置文件介紹
首先了解一下在Buildroot中移植功能時涉及到的配置文件。
查看飛凌嵌入式OK113
發表于 02-04 11:27
如何在飛凌嵌入式T113-i開發板的Buildroot中移植MQTT協議?
飛凌嵌入式OK113i-S開發板上市一段時間以來收獲了很多關注,也成為了許多客戶項目選型的優質之選。在實際的項目開發中,工程師朋友們可能會需
【飛凌 OK113i-C 全志T113-i開發板】WiFi和以太網絡的使用
WiFi和以太網絡的使用飛凌這塊t113-t開發板,板載了一塊WiFi+藍牙的模塊,以及千兆一臺網絡,出廠已經支持了WiFi驅動,且在之前的實驗中已經打開了wifi模塊的功能,并手動掃描鏈接了AP
發表于 12-27 09:57
飛凌OK113i-C開發板試用初體驗
在收到新的開發板并準備開始我們的開發之旅之前,我們還需要進行一些必要的準備工作,這些準備工作包括開發環境搭建、內核編譯、kernel配置等,以確保我們的開發板能夠正常運行并為我們提供所
飛凌OK113i-C全志T113-i開發板rtl8723du WIFI功能測試及藍牙驅動移植
飛凌 OK113i-C 全志T113-i開發板板載一個RTL8723du wifi/藍牙二合一模塊,板子出廠已經
評論