12.2.2 编译程序
执行如下命令编译：
$ source /opt/remi-sdk/environment-setup-aarch64-poky-linux$ cd lv_port_linux_frame_buffer-release-v9.0$ mkdir build$ cd build$ cmake .. # 如果提示没有 cmake 的话，执行：sudo apt install cmake$ make -j 16
执行完毕后，在源码根目录下生成了bin子目录，里面有可执行程序“main”：
$ ls ../bin/main$ file ../bin/main../bin/main: ELF 64-bit LSB shared object, ARM aarch64, version 1 (SYSV), dynamicallylinked, interpreter /lib64/ld-linux-aarch64.so.1, for GNU/Linux3.14.0, BuildID[sha1]=3fb9d000d98266fc0d4a252e8addaf07660e9612, with debug_info, not stripped
12.2.3 上机运行
把编译出来的可执行程序main复制到开发板/mnt目录：
$ scp ../bin/main root@192.168.5.9:/mnt把系统的GUI程序关闭：
$ systemctl stop myir.service # 现在停止，下次开机重新启动执行第1个LVGL程序：
$ /mnt/main可以看到如下界面：
12.3 实现按键操作
本节课程将开发一个LVGL程序，它显示2个按钮（button）：第1个名为“Click me”，第2个名为“Reset”；并显示一个label。当用户点击第1个按钮时，label显示的计数值加一；当用户点击第2个按钮时，label显示的计数值复位为0。
本节源码位于如下目录（已修改好）：
12.3.1 编写程序
在“第1个LVGL程序”的基础上修改代码。
1. 增加鼠标的支持
修改“lv_config.h”，把宏“LV_USE_EVDEV”定义为1，如下所示：
889 修改“main.c”，增加，代码如下：
60 int main(void)61 {62 lv_init();6364 /*Linux frame buffer device init*/65 lv_display_t * disp = lv_linux_fbdev_create();66 lv_linux_fbdev_set_file(disp, "/dev/fb0");6768 LV_IMG_DECLARE(mouse_cursor_icon)69 lv_obj_t * cursor_obj = lv_img_create(lv_layer_sys()); /*Create an image object for the cursor */70 lv_img_set_src(cursor_obj, &mouse_cursor_icon); /*Set the image source*/71 lv_indev_t * indev = lv_evdev_create(LV_INDEV_TYPE_POINTER, "/dev/input/event1");72 lv_indev_set_cursor(indev, cursor_obj);7374 /*Create a Demo*/75 //lv_demo_widgets();76 //lv_demo_widgets_start_slideshow();7778 button_test();7980 /*Handle LVGL tasks*/81 while(1) {82 lv_timer_handler();83 usleep(5000);84 }8586 return 0;87 }
第68行，声明鼠标指针的图案，这就相当于如下语句（mouse_curson_icon在“mouse_cursor_icon.c”中定义）：
extern const lv_image_dsc_t mouse_cursor_icon;第69行，创建一个“image object”。
第70行，设置“image object”的“image”，即：要显示一个“image object”，需要设置它对应的图片。
第71行，创建一个输入设备，它跟某个设备节点对应。注意：需要接上鼠标，确定鼠标对应的设备节点。方法为：接上鼠标后，执行如下命令（使用hexdump逐个测试设备节点，执行hexdump后，移动鼠标，有数据打印的话就找到了设备节点）：
root@myir-remi-1g:~/dev/input/event0 /dev/input/event1 /dev/input/event1/dev/input/event3 /dev/input/event4root@myir-remi-1g:~root@myir-remi-1g:~# hexdump /dev/input/event20000000 0329 b493 0000 0000 9c6d 0008 0000 00000000010 0002 0000 0001 0000 0329 b493 0000 0000
第72行，输入设备和前面的“image object”建立联系。以后移动鼠标时，就可以显示对应的光标了。
第75~76行：注释掉，我们不使用这个界面。
第78行，运行我们的测试函数。
2. 创建按钮及label
main函数里调用了“button_test”函数，它里面创建了3个按钮，代码如下：
31 static void button_test(void)32 {33 lv_obj_t * btn_increment;34 lv_obj_t * btn_reset;35 lv_obj_t * label_btn_text;36 lv_obj_t * label_value;3738 // Increment button39 btn_increment = lv_button_create(lv_screen_active());40 lv_obj_align(btn_increment, LV_ALIGN_CENTER, -100, 0);4142 label_btn_text = lv_label_create(btn_increment);43 lv_label_set_text(label_btn_text, "Click me");4445 // Reset button46 btn_reset = lv_button_create(lv_screen_active());47 lv_obj_align(btn_reset, LV_ALIGN_CENTER, 100, 0);4849 label_btn_text = lv_label_create(btn_reset);50 lv_label_set_text(label_btn_text, "Reset");5152 // Value label53 label_value = lv_label_create(lv_screen_active());54 lv_obj_align(label_value, LV_ALIGN_CENTER, 0, 0);5556 lv_obj_add_event_cb(btn_increment, btn_event_handler, LV_EVENT_CLICKED, label_value);57 lv_obj_add_event_cb(btn_reset, btn_event_handler, LV_EVENT_CLICKED, label_value);58 }59
第39~43行，创建第1个按钮“Click me”。
其中，第39行创建button，第40行设置对齐方式，第42行创建按钮的label，第43行设置label的值。
第46~50行，创建第2个按钮“Reset”。
其中，第46行创建button，第47行设置对齐方式，第49行创建按钮的label，第50行设置label的值。
第53~54行，创建一个label。
其中，第53行创建label，第54行设置对齐方式。
第56行，为第1个按钮设置回调函数。
第57行，为第2个按钮设置回调函数。
3. 增加按钮回调函数
按钮回调函数为“btn_event_handler”，代码如下：
08 static void btn_event_handler(lv_event_t * e)09 {10 lv_event_code_t code = lv_event_get_code(e);11 lv_obj_t * btn = lv_event_get_target(e);12 lv_obj_t * label_value = lv_event_get_user_data(e);13 lv_obj_t * btn_label = lv_obj_get_child(btn, 0);14 char * label_text = lv_label_get_text(btn_label);1516 if(code == LV_EVENT_CLICKED) {17 if(strcmp(label_text, "Click me") == 0)18 {19 LV_LOG_USER("Increment");20 lv_label_set_text_fmt(label_value, "%d", (atoi(lv_label_get_text(label_value))+1));21 }22 else if(strcmp(label_text, "Reset") == 0)23 {24 LV_LOG_USER("Reset");25 lv_label_set_text(label_value, "0");26 }27 }28 }
第10行，取出输入事件的code，它有这些取值：LV_EVENT_CLICKED、LV_EVENT_RELEASED等。
第11行，获得被点击的图标。
第12行，获得“用户数据”，在前面的第56、57行设置按钮回调函数时设置了“用户数据”，这个用户数据就是用于显示计数值的label。
第13行，获得被点击的图标的label。
第14行，获得被点击的图标的label的值。
第16~21行，如果点击的是“Click me”按钮，则增加label 的计数值。
第22~27行，如果点击的是“Reset”按钮，则复位label的计数值为0。
12.3.2 上机运行
执行如下命令编译：
$ source /opt/remi-sdk/environment-setup-aarch64-poky-linux$ tar xjf lv_port_linux_frame_buffer_mouse.tar.bz2$ cd lv_port_linux_frame_buffer_mouse$ mkdir build$ cd build$ cmake .. # 如果提示没有 cmake 的话，执行：sudo apt install cmake$ make -j 16
执行完毕后，在源码根目录下生成了bin子目录，里面有可执行程序“main”：
$ ls ../bin/main$ file ../bin/main../bin/main: ELF 64-bit LSB shared object, ARM aarch64, version 1 (SYSV), dynamicallylinked, interpreter /lib64/ld-linux-aarch64.so.1, for GNU/Linux3.14.0, BuildID[sha1]=3fb9d000d98266fc0d4a252e8addaf07660e9612, with debug_info, not stripped
把编译出来的可执行程序main复制到开发板/mnt目录：
$ scp ../bin/main root@192.168.5.9:/mnt把系统的GUI程序关闭：
$ systemctl stop myir.service # 现在停止，下次开机重新启动执行程序：
$ /mnt/main如果没有接入鼠标的话，程序会出错，如下所示：
正常的界面如下（点击“Click me”数值增加1，点击“Reset”数值变为0）：
12.4 实现开机运行
修改板子的“/usr/bin/start.sh”，内容如下：
#!/bin/sh -eecho "Start MYiR HMI V2.0..."export TSLIB_TSDEVICE=/dev/input/event1export TSLIB_CONFFILE=/etc/ts.confexport TSLIB_CALIBFILE=/etc/pointercalexport TSLIB_PLUGINDIR=/usr/lib/tsexport TSLIB_CONSOLEDEVICE=noneexport QT_QPA_FB_TSLIB=1export QT_QPA_GENERIC_PLUGINS=tslib:/dev/input/event1echo 7 > /sys/class/backlight/backlight/brightnesssleep 5# 【警告】这一行需要手动敲上去，不可复制粘贴，否则不生效！作用：去掉屏幕左上角的光标显示echo -e "\033[?25l" > /dev/tty1echo 1 > /proc/sys/kernel/printk # 降低内核打印等级，这样屏幕上就不用有内核信息输出/mnt/main & # 你自己的程序#/home/mxapp2 -platform linuxfb & # 注释掉#/usr/share/myir_test/age.sh & # 注释掉exit 0
然后重启即可。
需要产品及方案支持
请扫码登记
如您在使用瑞萨MCU/MPU产品中有任何问题，可识别下方二维码或复制网址到浏览器中打开，进入瑞萨技术论坛寻找答案或获取在线技术支持。
https://community-ja.renesas.com/zh/forums-groups/mcu-mpu/
未完待续
推荐阅读
Modbus RTU客户端及服务器端的编程与实验 - RZ MPU工业控制教程连载（43）
Modbus TCP编程与实验 - RZ MPU工业控制教程连载（44）
LVGL开发入门 - RZ MPU工业控制教程连载（45）
需要产品及方案支持
请扫码登记
