LCD与lvgl

回顾

LCD 的驱动层讲解

1、LCD 的常见接口

2、我们的 LCD 的参数

3、LCD 的设备树说明

4、LCD 的设备树说明

5、如何移植 LCD 的驱动(重点)

LCD 的应用层开发

1：LCD 应用开发->界面开发的方法

2：LVGL 模拟器安装

3：LVGL 工程创建和基本组件讲解

4、应用（灯控系统）

5、LVGL 的工程文件说明

6、设置LVGL 的自启动（将刚刚生成的界面开机自启，开机后就显示这个界面）

回顾

-- 输入子系统：

-- 1：输入子系统的意义何在？

统一输入设备的开发框架
大家都不用再去生成设备文件
也不用考虑要返回怎样的值
输入子系统统一做了！
返回值：世界标准的按键值
他相当于你开了一个键盘的一个按键
你的按键比较多完全可以开发游戏机！
装几个开源模拟器

-- 2：输入子系统的开发框架是怎样的?

不在去生成设备文件
也不再返回数据了
只做两件：
1：把设备注册成功输入子系统
2：上报输入设备事件

-- 3：输入子系统如何注册一个输入设备的 ?

input_register_device();

-- 4：输入子系统的按键如何定义?

按键人家有一套标准：是世界级别的标准

-- 5：怎么上报输入子系统的数据的?

input_event();

-- inout_event是有很多衍生函数的。很多函数中真正执行的也就是input_event，所以只用记这个函数即可.

alt text

-- 6：输入子系统重复事件指的是什么意思?

按键按下/触摸屏按下却没有松开
触发重复事件，连续相当于按键按下！

-- 7：ABS 事件有代表什么意思?

有一天你会在触摸屏接触到！
ABS 指的绝对事件->坐标事件

-- 8、补充：利用输入子系统的按键

可以将按键开发成键盘，也就是将按键设计成，按下就相当于1，相当于键盘。

alt text

还有就是游戏中的按键也是利用的输入子系统。

-- 摇杆键盘：其实就是利用adc+输入子系统。adc来控制电压不同，控制摇杆向前是一个电压，向左是一个电压，向右是一个电压，向后是一个电压。

LCD 的驱动层讲解

1、LCD 的常见接口

-- 普及一些知识：

-- 常见的 LCD 接口分为以下几种：

IIC/SPI 接口：OLED 单色/双色屏幕
SPI 的小型 LCD：一般不会超过 3.5 寸
8080(也就是MCU的接口)接口的屏幕：单片机最常用大屏幕(7 寸)

alt text

-- 补充：什么是MCU接口？

目前最常用的连接模式，主要用于单片机领域里，因此得名MCU接口，现在很多中低端的手机，或手表有在使用，价格较为便宜。MCU接口其本质是由英特尔（Intel）提出的8080总线标准。8080是一种并行接口，所以MCU接口也被称为8080接口，也有人称其为DBI（Data Bus Interface）数据总线接口。数据位传输有8位、9位、16位、18位。连线信号详细见下表：

alt text

8080接口，其实并不是专用于LCD的接口，而是由早期的处理器发展而来的，用于CPU与外部的数据的快速传输(CPU外扩RAM、ROM)，后来也被用于LCD和打印机数据传输领域。
8080 是通过 “读使能（RE）” 和 “写使能（WE）” 两条控制线进行读写操作。
ILI9341的8080通讯接口时序可以由STM32使用普通I/O接口进行模拟，但这样效率太低，为此STM32提供了一种特别的控制方法——使用FSMC接口实现8080时序。（如果芯片硬件少于100脚，是无法使用FSMC来控制液晶屏，只能使用SPI的方式来控制）
FSMC 是 Flexible Static Memory Controller 的缩写，译为灵活的静态存储控制器。它可以用于驱动包括 SRAM、 NOR FLASH 以及 NAND FLSAH 类型的存储器。

-- MCU接口和RGB接口主要的区别是：

MCU接口方式：显示数据写入DDRAM，常用于静止图片显示。RGB接口方式：显示数据不写入DDRAM，直接写屏，速度快，常用于显示视频或动画用。

RGB 接口屏幕：MCU 接口裸屏，最正常的接口之一。

早期接口定义，他的接口分辨率一般不会超过 1024*768 （32bit/60FPS）
在工业领域还是比较常用

alt text

MIPI_DSI (嵌入式开发板) ,EDP(笔记本都是这种接口), LVDS（1080P 以下）

这三类接口是目前嵌入式也是社会上主流产品最常用的三大屏幕接口

-- 嵌入式而言来说：我们最常用就是 MIPI_DSI(现在用的开发版就是这个接口)

我们要了解这些接口
不代表要去学习这些接口的时序、协议、电气协议……
因为我们做开发而言，只考虑如何在不同的板子把这个不同屏幕点亮！

-- 我们所需要只有一个：如何移植驱动！

2、我们的 LCD 的参数

分辨率 1024*600
刷新率 60HZ -> 实际检测的是59.2hz
色深：标准 RGB888->UI 自转 ARGB8888
接口： MIPI_DSI 接口 30pin 接口寸

3、LCD 的设备树说明

实际上 LCD 在内核层已经有大量的内核驱动
而且驱动都是通用的。作为驱动开发者
我们只需要给这个驱动提供
设备信息(在设备树编写设备的信息)
真实的 LCD 驱动我们是不建议大家观摩查看的

LCD驱动的位置在此处：

/home/xyd/mycode/RK3588S/kernel/drivers/gpu/drm/panel/panel-simple.c

alt text

4、LCD 的设备树说明

-- 查找LCD的设备树，移植LCD的驱动就在此处做文章。

alt text

rk3588s-lcd-yyt.dtsi是LCD的设备树，是dsi0的源

alt text

5、如何移植 LCD 的驱动(重点)

-- 我拿到 LCD 之后我是怎么去移植：

1：我清楚知道底层驱动我完全不需要修改
2：我清楚知道我需要提供设备信息

-- 设备信息在哪里提供？

2.1：参考官方、其他的芯片提供 LCD 的信息
2.2：需要修改两个引脚：

alt text

-- tip:这里修改引脚的原因是：因为刚开始厂商给的原理图是错的，厂商怕被抄袭，所以后来拿到正确的引脚后，要将设备信息中的LCD的引脚改为正确的。

2.3 修改时序(根据你买的屏幕厂商提供的手册为标准)

厂商提供的技术手册，（可以看到这些时序图），就照这个改，修改设备树中的相关内容

alt text

修改初始化序列
厂商会提供初始化序列
按照厂商序列修改设备树

alt text

15 00 01 发一个字节
15 00 02 发两个个字节

如果要发送三个字节以上
就以23 00 开头

例如：要发送的数据是0xE0，0x02,要怎么写？

就是15 00 02 E0 02

exit：

alt text

LCD 的应用层开发

1：LCD 应用开发->界面开发的方法

2：LVGL 模拟器安装

3：LVGL 工程创建和基本组件讲解

细讲：页面切换、滑动块、动图 BUG

4、应用（灯控系统）

-- 做三个页面

-- 1、创建工程

alt text

-- 2、选择一个背景图片

alt text

更改参数

alt text

-- 3、添加一个滑动块，将透明度调成0

alt text

-- 4、在我们添加的第一个页面主要做的是控制灯（控制灯的开关）

也可以放点其他的，例如时钟和日历

alt text

可以调节样式

alt text

放置一个开关，再放置一个LED灯的图片（可以从阿里巴巴的矢量图标库中寻找），可以将图片调成黑色表示关灯。（将这两个图片下载为png格式，并更改名字）

alt text

添加一个图片按钮（按下与释放显示不同画面）

alt text

将组件放入滑动块的第一个页面

alt text

编译测试（默认打开之后是灯亮，然后点击之后灯灭（也可以设置成相反的），并且滑动块也可滑动）

alt text

-- 至此第一个页面就做好了

-- 5、开始做第二个滑动块页面，做界面的转换（可以通过点击一个图片进入另一个页面）

首先放入一个图片，后面可以通过这个图片进入另外一个页面。

alt text

在这个图片的下面选择一个标签，写上名字

alt text

将这两个组件放入滑动块的第二个页面（分别是标签和太阳图片）

alt text

编译执行，查看效果

alt text

-- 之后再创建一个新页面

alt text

给这个新页面改个名字

alt text

给这个页面添加一个背景图片，并设置大小

alt text

之后找到刚刚添加的太阳组件，右键点击事件添加

alt text

选择要添加的事件

alt text

选择点击之后会发生什么

alt text

选择要载入的页面

alt text

编译测试，发现点击组件过后，就会切换界面到新界面

alt text

但是发现界面之后回不到原先的界面
所以我们需要再添加一个类似的操作用来返回之前的页面
下载一个返回图片

alt text

重复之前的操作（点击返回图片后切换回之前的界面）

alt text

编译测试，发现点击返回图片后，会切换回之前的界面

-- 6、最后一个滑动块页面做一个动图（.gif）和放一个二维码

动图记得需要点击自动播放和延时60

alt text

-- 之后编译测试

-- 7、添加回调事件（给图片），达到按下图片执行自己定义的代码

alt text

同时添加事件给开关，点击开关执行代码

alt text

编译测试，发现没有地方打印信息
于是去对应的工程中编译

./build/bin/simulator

-- 可以发现点击灯图片和开关都会打印语句

alt text

-- 8、后面我们想达成的功能：

1、开关和灯图片的联动（达到关灯，开关也关。开关关，灯也关）
2、让开关和灯图片都能控制开发板上的LED灯

-- （1）找到图片的回调函数（事件）所在位置（也就是按下图片会执行的函数）

alt text

-- （2）编写联动代码

alt text

-- 之后就实现了控制开关，图片按钮也会发生改变

-- 继续更改图片控制开关的代码

alt text

完整代码

#include "events_init.h"
#include <stdio.h>
#include "lvgl.h"#include <sys/types.h>
#include <sys/stat.h>
#include <fcntl.h>
#include <unistd.h>#if LV_USE_GUIDER_SIMULATOR && LV_USE_FREEMASTER
#include "freemaster_client.h"
#endif#include <stdio.h>
//设置一个全局变量，代表LED灯的状态
int Led_status =0;//默认开机后灭extern lv_ui guider_ui;//main.c中的全局变量int ledfd = 0;//图片按钮的回调
static void screen_imgbtn_1_event_handler (lv_event_t *e)
{lv_event_code_t code = lv_event_get_code(e);switch (code) {case LV_EVENT_CLICKED:{Led_status = !Led_status;printf("LED image is pressed!\r\n");if(Led_status == 0){//将开关设置成关闭的状态guider_ui.screen_sw_1->state = LV_STATE_DEFAULT;lv_obj_invalidate((lv_obj_t *)guider_ui.screen_sw_1);close(ledfd);	}else if(Led_status == 1){//将开关设置成打开的状态guider_ui.screen_sw_1->state = LV_STATE_CHECKED;lv_obj_invalidate((lv_obj_t *)guider_ui.screen_sw_1);ledfd = open("/dev/xydbeep", O_RDWR);}break;}default:break;}
}//二值开关的回调
static void screen_sw_1_event_handler (lv_event_t *e)
{lv_event_code_t code = lv_event_get_code(e);switch (code) {case LV_EVENT_CLICKED:{lv_obj_t * status_obj = lv_event_get_target(e);int status = lv_obj_has_state(status_obj, LV_STATE_CHECKED) ? 1 : 0;printf("hello LED button!\r\n");Led_status = !Led_status;if(Led_status == 0){//将图片按钮设置成关灯的状态（灰色）lv_imgbtn_set_state(guider_ui.screen_imgbtn_1,LV_IMGBTN_STATE_RELEASED);close(ledfd);}else if(Led_status == 1){//将图片按钮设置成开灯的状态（彩色）lv_imgbtn_set_state(guider_ui.screen_imgbtn_1,LV_IMGBTN_STATE_CHECKED_RELEASED);ledfd = open("/dev/xydbeep", O_RDWR);}break;}default:break;}
}

-- （3）如果想更改灯的初始状态（可以在custom.c中更改），利用我们刚刚更改状态的函数

alt text

-- （4）让他们两个都控制LED灯，

首先添加头文件

man 2 open

alt text

然后写相关代码

这里写成蜂鸣器，效果更加明显

-- 之后编译

-- 然后我们准备在开发版上测验的话，需要更改Makefile

alt text

#CC := gcc
#CC := /home/xyd/mycode/RK3588S/buildroot/output/rockchip_xyd_rk3588s/host/bin/aarch64-linux-gcc
CC = aarch64-linux-gcc  #我要用交叉编译 这个LVGL
PRJ_DIR := $(makefile_path)/..
LVGL_DIR := $(PRJ_DIR)
SIMULATOR_DIR := $(makefile_path)
LVGL_DIR_NAME ?= lvgl
CFLAGS := -O3 -g0 -I$(LVGL_DIR)/ -I$(makefile_path)/ -I$(makefile_path)/rlottie -c -fmessage-length=0
CFLAGS += -I$(LVGL_DIR)/$(LVGL_DIR_NAME)/ -I$(LVGL_DIR)/$(LVGL_DIR_NAME)/srcLDFLAGS := -lSDL2 -L$(libfile_path) -lpthread -lstdc++ -lm -ldl