[笔记]在嵌入式linux上运行LittlevGL GUI demo 支持tslib

Jmhh247

前提,已经准备好交叉编译工具链和tslib，我用的是buildroot制作好的。

一、下载lvgl源码:

1. git clone <a href="https://github.com/littlevgl/pc_simulator.git" target="_blank">https://github.com/littlevgl/pc_simulator.git</a>
   
2. cd pc_simulator
   
3. git submodule update --init
   

复制代码

二、修改Makefile
1. 修改CC为自己的gcc;
2. 修改链接标志，添加tslib支持；
3. 注释掉mouse_cursor_icon.c，用不上；

代码片断：

1. # 1：修改成自己的工具链
   
2. 
   
3. #CC = gcc   
   
4. CC = /home/vmzys/work/2019/code/v3s/my_buildroot/buildroot-2017.08.1/output/host/bin/arm-linux-gnueabihf-gcc
   
5. 
   
6. 
   
7. # 2: 添加 tslab共享链接库
   
8. 
   
9. #LDFLAGS += -lSDL2 -lm
   
10. LDFLAGS += -lts
    
11. 
    
12. # 3：用不上，注释掉
    
13. #CSRCS +=$(LVGL_DIR)/mouse_cursor_icon.c
    

复制代码

三、修改lvgl配置文件

1. 修改lv_conf.h

按实际屏幕尺寸修改

1. 
   
2. /* Horizontal and vertical resolution of the library.*/
   
3. #define LV_HOR_RES          (800)
   
4. #define LV_VER_RES          (480)
   

复制代码

2. 修改lv_drv_conf.h

主要修改记录如下，其它按需处理：

1. #  define USE_MONITOR         0
   
2. #  define USE_FBDEV           1
   
3. #  define USE_MOUSE           0
   
4. #  define USE_MOUSEWHEEL      0
   
5. #  define USE_EVDEV           1
   
6. 
   
7. 
   
8. // 这里按实际修改
   
9. #  define EVDEV_NAME   "/dev/input/event1"        /*You can use the "evtest" Linux tool to get the list of devices and test them*/
   
10. 
    
11. 
    
12. #  define USE_KEYBOARD        0

复制代码

3. 修改lv_ex_conf.h

1. /*******************
   
2. * GENERAL SETTING
   
3. *******************/
   
4. #define LV_EX_PRINTF       0       /*Enable printf-ing data*/
   
5. #define LV_EX_KEYBOARD     0       /*Add PC keyboard support to some examples (`lv_drivers` repository is required)*/
   
6. #define LV_EX_MOUSEWHEEL   0       /*Add 'encoder' (mouse wheel) support to some examples (`lv_drivers` repository is required)*/
   
7. 
   
8. 
   
9. #define USE_LV_TUTORIALS   0
   
10. 
    
11. #define USE_LV_BENCHMARK   0
    
12. 
    
13. 
    
14. /*MCU and memory usage monitoring*/
    
15. #define USE_LV_SYSMON      0
    
16. 
    
17. /*A terminal to display received characters*/
    
18. #define USE_LV_TERMINAL    0
    
19. 
    
20. /*Touch pad calibration with 4 points*/
    
21. #define USE_LV_TPCAL       0

复制代码

四、整合tslib到输入驱动 pc_simulator/lv_drivers/indev/evdev.c


代码片断：

1. // 1: 添加头文件包含
   
2. #include "tslib.h"
   
3. 
   
4. 
   
5. // 2: ts结构体声明
   
6. struct tsdev *ts;
   
7. 
   
8. 
   
9. // 3: 修改初始化代码
   
10. 
    
11. void evdev_init(void)
    
12. {
    
13. #if 0
    
14.     evdev_fd = open(EVDEV_NAME, O_RDWR | O_NOCTTY | O_NDELAY);
    
15.     if(evdev_fd == -1) {
    
16.         perror("unable open evdev interface:");
    
17.         return;
    
18.     }
    
19. 
    
20.     fcntl(evdev_fd, F_SETFL, O_ASYNC | O_NONBLOCK);
    
21. #endif
    
22. 
    
23.    
    
24.         ts = ts_setup(NULL, 1);
    
25.         if (!ts) {
    
26.                 perror("ts_setup");
    
27.         
    
28.         return;
    
29.         
    
30.                 //exit(1);
    
31.         }
    
32. 
    
33.     evdev_root_x = 0;
    
34.     evdev_root_y = 0;
    
35.     evdev_button = LV_INDEV_STATE_REL;
    
36. }
    
37. 
    
38. 
    
39. // 4：修改读取代码
    
40. bool evdev_read(lv_indev_data_t * data)
    
41. {
    
42. #if 0
    
43. 
    
44.     struct input_event in;
    
45. 
    
46.     while(read(evdev_fd, &in, sizeof(struct input_event)) > 0) {
    
47.         if(in.type == EV_REL) {
    
48.             if(in.code == REL_X)
    
49.                                 #if EVDEV_SWAP_AXES
    
50.                                         evdev_root_y += in.value;
    
51.                                 #else
    
52.                                         evdev_root_x += in.value;
    
53.                                 #endif
    
54.             else if(in.code == REL_Y)
    
55.                                 #if EVDEV_SWAP_AXES
    
56.                                         evdev_root_x += in.value;
    
57.                                 #else
    
58.                                         evdev_root_y += in.value;
    
59.                                 #endif
    
60.         } else if(in.type == EV_ABS) {
    
61.             if(in.code == ABS_X)
    
62.                                 #if EVDEV_SWAP_AXES
    
63.                                         evdev_root_y = in.value;
    
64.                                 #else
    
65.                                         evdev_root_x = in.value;
    
66.                                 #endif
    
67.             else if(in.code == ABS_Y)
    
68.                                 #if EVDEV_SWAP_AXES
    
69.                                         evdev_root_x = in.value;
    
70.                                 #else
    
71.                                         evdev_root_y = in.value;
    
72.                                 #endif
    
73.         } else if(in.type == EV_KEY) {
    
74.             if(in.code == BTN_MOUSE || in.code == BTN_TOUCH) {
    
75.                 if(in.value == 0)
    
76.                     evdev_button = LV_INDEV_STATE_REL;
    
77.                 else if(in.value == 1)
    
78.                     evdev_button = LV_INDEV_STATE_PR;
    
79.             }
    
80.         }
    
81.     }
    
82. 
    
83. #endif
    
84. 
    
85.     // tslib
    
86.         struct ts_sample samp;
    
87.         int ret;
    
88. 
    
89.     /* 修改自tslib ts_print.c */
    
90.    
    
91.         while (ts_read(ts, &samp, 1) == 1) {
    
92. 
    
93.                 printf("%ld.%06ld: %6d %6d %6d\n", samp.tv.tv_sec, samp.tv.tv_usec, samp.x, samp.y, samp.pressure);
    
94.         
    
95.                
    
96.                
    
97.                
    
98.                 #if EVDEV_SWAP_AXES
    
99.                         evdev_root_x = samp.y;
    
100.                         evdev_root_y = samp.x;
     
101.                 #else
     
102.                         evdev_root_x = samp.x;
     
103.                         evdev_root_y = samp.y;
     
104.                 #endif
     
105.                
     
106.         
     
107.         if(samp.pressure == 0)
     
108.             evdev_button = LV_INDEV_STATE_REL;      //抬起
     
109.         else if(samp.pressure == 255)
     
110.             evdev_button = LV_INDEV_STATE_PR;
     
111.         }
     
112.         
     
113.         
     
114. 
     
115.     /*Store the collected data*/
     
116. 
     
117. #if EVDEV_SCALE
     
118.     data->point.x = map(evdev_root_x, 0, EVDEV_SCALE_HOR_RES, 0, LV_HOR_RES);
     
119.     data->point.y = map(evdev_root_y, 0, EVDEV_SCALE_VER_RES, 0, LV_VER_RES);
     
120. #else
     
121. #if EVDEV_CALIBRATE
     
122.         data->point.x = map(evdev_root_x, EVDEV_HOR_MIN, EVDEV_HOR_MAX, 0, LV_HOR_RES);
     
123.         data->point.y = map(evdev_root_y, EVDEV_VER_MIN, EVDEV_VER_MAX, 0, LV_VER_RES);
     
124. #else
     
125.     data->point.x = evdev_root_x;
     
126.     data->point.y = evdev_root_y;
     
127. #endif
     
128. #endif
     
129. 
     
130.     data->state = evdev_button;
     
131. 
     
132.     if(data->point.x < 0)
     
133.       data->point.x = 0;
     
134.     if(data->point.y < 0)
     
135.       data->point.y = 0;
     
136.     if(data->point.x >= LV_HOR_RES)
     
137.       data->point.x = LV_HOR_RES - 1;
     
138.     if(data->point.y >= LV_VER_RES)
     
139.       data->point.y = LV_VER_RES - 1;
     
140. 
     
141.     return false;
     
142. }
     

复制代码

五. 修改main.c

main.c里有很多都是模拟器用的，需要删掉。这里直接用linux fb。

整个代码是比较容易看懂的：

1. 
   
2. #include "lvgl/lvgl.h"
   
3. #include "lv_drivers/display/fbdev.h"
   
4. #include "lv_drivers/indev/evdev.h"
   
5. #include <unistd.h>
   
6. 
   
7. #include "lv_examples/lv_apps/demo/demo.h"
   
8. #include "lv_examples/lv_tests/lv_test_theme/lv_test_theme_1.h"
   
9. 
   
10. int main(void)
    
11. {
    
12.     /*LittlevGL init*/
    
13.     lv_init();
    
14. 
    
15.     /*Linux frame buffer device init*/
    
16.     fbdev_init();
    
17. 
    
18.     /*Add a display the LittlevGL sing the frame buffer driver*/
    
19.     lv_disp_drv_t disp_drv;
    
20.     lv_disp_drv_init(&disp_drv);
    
21.     disp_drv.disp_flush = fbdev_flush;     
    
22. 
    
23.     /*It flushes the internalgraphical buffer to the frame buffer*/
    
24.     lv_disp_drv_register(&disp_drv);
    
25. 
    
26.     /*Create a "Hello world!" label*/
    
27. //    lv_obj_t * label = lv_label_create(lv_scr_act(), NULL);
    
28. //    lv_label_set_text(label, "Hello world!");
    
29. //    lv_obj_align(label, NULL, LV_ALIGN_CENTER, 0, 0);
    
30. 
    
31. 
    
32.     lv_indev_drv_t indev_drv;
    
33. 
    
34.     lv_indev_drv_init(&indev_drv);/*Basic initialization*/
    
35. 
    
36.     evdev_init();
    
37. 
    
38.     indev_drv.type=LV_INDEV_TYPE_POINTER;/*See below.*/
    
39. 
    
40.     indev_drv.read=evdev_read;/*See below.*/
    
41. 
    
42.     lv_indev_drv_register(&indev_drv);/*Register the driver in LittlevGL*/
    
43. 
    
44.     //demo_create();
    
45. 
    
46.     lv_test_theme_1(lv_theme_night_init(210, NULL));
    
47. 
    
48. 
    
49.     /*Handle LitlevGL tasks (tickless mode)*/
    
50.     while(1) {
    
51.         lv_tick_inc(5);
    
52.         lv_task_handler();
    
53.         usleep(1000);
    
54.     }
    
55. 
    
56.     return 0;
    
57. }
    

复制代码

最后编译：

1. 
   
2. time make
   

复制代码

运行截图：











上传一个附件用作参考。

整个工程较大，附件只包含需要修改的文件：main.c，evdev.c，Makefile，lv_conf.h，lv_drv_conf.h，lv_ex_conf.h。

soos

顶你，！！！！

honami520

早就在项目里面用上了。

neqee

为什么要在linux上跑这个？

wenming

这个很有用啊，如果你跑个qt觉得太大 这个多简单? 对于一个小的项目，或者有在mcu上用过这个的 很方便啊

Jmhh247

honami520 发表于 2019-4-2 15:15
早就在项目里面用上了。

元老动作就是快，小弟还是linux新手

Jmhh247

neqee 发表于 2019-4-2 16:26
为什么要在linux上跑这个？

因为穷。

formatme

学习了，好资料,谢谢!

tyustli

厉害，学习了，谢谢

octatao

clone这个仓库：https://github.com/littlevgl/lv_linux_frame_buffer，这个已经去掉了SDL依赖，改了fb显示，加上你这里的tslib修改就可以了。

Jmhh247

octatao 发表于 2019-7-9 09:44
clone这个仓库：https://github.com/littlevgl/lv_linux_frame_buffer，这个已经去掉了SDL依赖，改了fb显示 ...

多谢分享！

hl1200

直接使用fb，如何排除tty0的干扰？tty0输出的东西，也会在fb中显示。

hyghyg1234

neqee 发表于 2019-4-2 16:26
为什么要在linux上跑这个？

linux资源太丰富了，用STM32搞东西太累了。

hyf88

尝试一下fltk

leon......

octatao 发表于 2019-7-9 09:44
clone这个仓库：https://github.com/littlevgl/lv_linux_frame_buffer，这个已经去掉了SDL依赖，改了fb显示 ...

不错不错，正好差个播放器界面。

fdcnuaa

正在调试lvgl，学习了

motata2006

想移植好久了。

fengyunyu

Jmhh247 发表于 2019-4-2 17:12
因为穷。

lz用的什么开发板？linux的开发板要比mcu的一般要贵些

leonliu_2811

fengyunyu 发表于 2020-12-14 15:12
lz用的什么开发板？linux的开发板要比mcu的一般要贵些

咸鱼上arm9的可能比MCU的都便宜好吗

cloudwfy

可以提供完整的文件吗?刚刚学这个 还挺急着用的 我按照你的方法试了一下报了错误  qq邮箱1769640643@qq.com  万分感谢