Linux学习系列十二:LCD QT UI显示

应一位网友要求写一篇关于QT的文章,今天初稿完成,分享给大家。

1.引言

有很多嵌入式设备会有一块显示屏,用来显示各种图案、按钮等元素,单片机里常见的UI有emWin、TouchGFX等。Linux里常用QT,Qt是一个跨平台个C++应用程序开发框架。广泛用于开发GUI程序。QT在Windows平台下用来做一些上位机也非常好,使用起来方便简单,同时又开源免费。本篇给大家简单介绍NUC972 平台QT的移植及简单示例,希望对大家有所帮助。

2.环境介绍

2.1.硬件

1) 网上的一个第三方做的NUC972开发板:

有兴趣购买的朋友,可以去他们的淘宝店购买:

https://s.click.taobao.com/X8mza8w

2) 4.3寸电阻屏

2.2.软件

1) Uboot继续使用之前文章用的,无需改动。

2) Kernel在上一篇基础上,要做一定的修改。

3) Rootfs在上一篇基础上,要做一定的修改。

3.内核配置

  • 增加对4.3寸电阻屏的支持

1)修改/arch/arm/mach-nuc970/dev.c文件, nuc970fb_lcd_info结构体中增加以下4.3寸屏的支持,

2)另外/drivers/video/Kconfig: 中增加相关配置

  • 内核配置

经过以上两个步骤之后,在make menuconfig之后,选择上

如果要将Linux的企鹅logo显示出来,需要,

最后还有一点,还有一个LCD屏背光的问题,

PG3需要设置为高电平,可以开机启动脚本添加下面几句话:

echo 195 > /sys/class/gpio/export

echo out > /sys/class/gpio/gpio195 /direction

echo 1 > /sys/class/gpio/gpio195 /value

LCD小企鹅图标就显示出来了

经过以上步骤LCD屏幕的显示配置就完成了。

另外为了支持触摸,还得做下面修改:

4.Buildroot配置

  • QT5配置

5.QT工程搭建

 下面看一下我们自己编译的qt例子能不能在arm板子上跑起来。 

主要包括以下步骤:

  1. 在Ubuntu下安装Qt软件,我安装的是qt-opensource-linux-x64-5.10.0.run,在QT官网可以下载到

https://download.qt.io/archive/qt/5.10/5.10.0/

     然后在Ubuntu命令行窗口中./ qt-opensource-linux-x64-5.10.0.run,就会弹出安装界面,为了节约空间,只选择Tools就可以

  2) 安装完成后,打开QT,你如果不知道在哪,点击搜索,输入qt就能看到,在单击qt图标就可以打开了,界面和在windows下打开qt的界面一样。然后需要配置交叉编译的环境

3) 下面新建一个简单的QT工程,为了照顾初次接触QT的新手,我尽量描述的详细些

 a) 新建工程,选择文件-新建文件或项目

接下来是项目名称和路径

然后很重要的是选择和配置Kits,

这里面有两处一定要设置正确:

一处是Qt Version,选择下图Buildroot目录中的qmake路径

另外一处是编译器里添加交叉编译器

b)点击mainwindow.ui文件,这里就可以进行图形化的配置了,放入两个元素

c)编译

放入板子中运行,如果直接执行会报如下错误

# ./test

This application failed to start because it could not find or load the Qt platform plugin “eglfs”

in “”.

Available platform plugins are: linuxfb, minimal, offscreen.

Reinstalling the application may fix this problem.

Aborted

需要在后面加入-platform linuxfb,执行./test -platform linuxfb,显示如下:

6.结束语

本期相关的资料在https://github.com/TopSemic/NUC972_Linux  Lesson12中

本篇为大家介绍了Linux下QT的简单使用,让大家对Linux下QT移植和交叉编译有一个感性的认识,完善的功能由于时间关系没有去深入研究,欢迎大家多交流,可以在网页下方留言讨论,或者发邮件:Topsemic@sina.com ,微信公众号如下,欢迎关注:

7.参考

1) https://devarea.com/embedded-linux-working-with-qt/#.XW-ec1UzbIV

2) https://doc.qt.io/qt-5/embedded-linux.html 

3) https://blog.csdn.net/heli200482128/article/details/70159112

4) https://whycan.cn/t_2355.html

1+

发表评论