立即注册 找回密码

微雪课堂

搜索

树莓派littlevGL系列教程:基于Qt creator的开发环境搭建

2019-11-6 20:55| 发布者: imliubo| 查看: 11679| 评论: 9|原作者: IAMLIUBO

摘要: Hi,大家好,欢迎来到树莓派之littlevGL课堂.
Hi,大家好,欢迎来到树莓派之littlevGL课堂,相信经过上一篇文章的介绍你对littlevGL,肯定有了一定的了解,而且现在正在跃跃欲试的准备去移植这个项目到你的作品中,当然大牛级别的肯定一看就会了,但是还有很大一部分人不知道从哪里入手。所以本片文章就给大家介绍如何在树莓派上搭建起littlvGL的开发环境并运行一个简单的Demo来验证我们搭建的环境是否可以正常使用。废话不多说,我们开始吧!
一 准备:
1.树莓派 4B(Buster带桌面版系统)
2.显示器
3.鼠标键盘
4.FileZilla(FTP工具,桌面版)
二 安装Qt creator
这是一个IDE,可以很方便的来开发一些Qt项目,当然这个IDE的功能也不是仅局限于开发Qt代码的,这里我们使用qtcreator最重要的原因就是它是跨平台的一个IDE,而且在每一个平台上的界面布局基本保持一致,在树莓派下安装Qt creator是一件非常简单的事情,我们仅需要一行命令即可解决:

bash代码:

sudo apt-get install qt5-default qtcreator 
安装完成后我们就可以在编程里面找到Qt creator了!

三 安装SDL2
安装完成Qt creator后,先不要着急打开,因为我们还需要安装一个依赖库,它就是SDL2,这也是一个非常出名的图像库,不过是相对偏底层一点,同样的也是一行代码搞定:

bash代码:

sudo apt install libsdl2-dev libsdl2-ttf-dev
当你运行完上面一行命令时,基本上就算已经搭建完开发环境了,不过接下来,我们还需要打开Qt creator设置一下,不然你是没办法编译代码运行的。

四 Qt creator设置
首先我们需要先打开Qt creator,然后我们打开Tools->Options,

然后我们找到Kits->Compiles->Add->GCC->C++:

添加以后我们需要设置一下g++路径,如下图:

同样的,我们再添加一下gcc的路径,如下图:

然后是CMake的路径:

然后Debuggers的路径:

最后就是Kits的一些配置,这一步就是将前面几步我们设置的都选择上,选择的时候请不要选择错,上面几步设置每一步都可以设置一个Name,你们可以随便起个名字,最后设置完如下图:

这样就大功告成了,Device type一定要选择桌面,不要选择成其他的了,至此开发环境我们已经全部搞好了,那么接下来,当然是编译一个Demo来验证一下我们的环境搭建的对不对了!
五 验证开发环境
这里我们导入一个简单的Demo并且编译运行一下,如果可以成功运行,就代表你可以愉快的进行后面的开发了,但是如果没有,那可能就是你没有配置好某一项的参数,你需要返回到上一步重新好好检查一下,废话不多说,我们开始导入Demo代码:
1.下载Demo代码
树莓派浏览器下可以直接点击下面链接下载Demo代码,树莓派屏小不适合阅读用户可以在PC端下载后使用FTP工具上传到树莓派解压,PC端的操作步骤如下:
然后我们打开FileZilla软件,点击左上角站点管理器:

然后在弹出的窗口中,填写你的树莓派的IP地址以及密码:

协议记得勾选SFTP,端口可以不用填写,因为SFTP有默认的端口,登录类型选择正常,然后填写上用户名与密码,如果你没有修改过的话就是piraspberry,最后点击连接按钮就可以了,然后上传我们的Demo代码就可以了,大家可以按照下面的图片进行代码上传。

接下来我们解压我们的代码:

2.打开工程
依次点击File->Open File or Project,然后在弹出的页面中选择刚解压完成的文件目录下的littlevGL-SDL2-Qt-pi.pro这个工程文件,如下图:


然后点击Configure Project即可:

然后可能会出现一个提示如下图,我们直接点击OK就可以了:

然后就可以看到我们工程的目录树了,我们直接点击按钮运行:

如果成功出现以下界面,恭喜你!

恭喜你,开发环境成功搭建好,接下来就开始学习各种控件吧!请阅读本系列教程其他文章。

动态图演示:

六 注意事项
1.安装过程缓慢,或者容易失败,请更换树莓的源:

bash代码:

# 编辑 `/etc/apt/sources.list` 文件,用"#"注释掉原有内容,用以下内容取代:
deb http://mirrors.tuna.tsinghua.edu.cn/raspbian/raspbian/ buster main non-free contrib
deb-src http://mirrors.tuna.tsinghua.edu.cn/raspbian/raspbian/ buster main non-free contrib

# 编辑 `/etc/apt/sources.list.d/raspi.list` 文件,用"#"注释掉原有内容,用以下内容取代: 
deb http://mirrors.tuna.tsinghua.edu.cn/raspberrypi/ buster main ui
编辑镜像站后,请使用sudo apt-get update命令,更新软件源列表,同时检查您的编辑是否正确,安装完成后可以再修改回以前的链接。

2.编译出现错误,请检查Qt creator的各种设置是否正确,确认无误但还是无法编译运行,请将错误贴在评论区,我会在看到后帮你分析错误原因。

七 附件下载
代码:



228

顶一下

刚表态过的朋友 (228 人)

相关阅读

发表评论

最新评论

引用 游客 2020-3-7 00:19
下载最后的附加的代码就OK了
: 执行完是一个圆圈,这是什么情况?
引用 游客 2020-3-7 00:11
和你一样,也是圈,不知道对错
: 执行完是一个圆圈,这是什么情况?
引用 旺仔喝牛奶 2020-1-14 09:00
你好,请问怎么开发多级菜单,跟以前老人机一样
引用 imliubo 2020-1-10 14:20
: 我用的是raspbian-2019-09-30的带桌面版,但是第一步就各种库
你好,我用的是Raspbian Buster with desktop 2019-09-26,有更换过树莓派的源吗?直接安装可能会因为网络问题而出错,建议先参考 六 注意事项 然后再进行安装
引用 游客 2020-1-9 15:23
: 你好,我第一步:sudo apt-get install qt5-default qtcreator的时候就安装失败各种依赖库以及需要较老的库依赖,导致安装失败,请问你的系统是什么版本的? ...
我用的是raspbian-2019-09-30的带桌面版,但是第一步就各种库
引用 游客 2020-1-9 15:12
你好,我第一步:sudo apt-get install qt5-default qtcreator的时候就安装失败各种依赖库以及需要较老的库依赖,导致安装失败,请问你的系统是什么版本的?
引用 游客 2020-1-7 09:40
执行完是一个圆圈,这是什么情况?
引用 imliubo 2019-11-30 20:59
: 执行完例程之后,打开树莓派文件界面出现闪退情况。
Hi,能够描述的详细点吗?比如文件界面具体是?
引用 游客 2019-11-22 09:42
执行完例程之后,打开树莓派文件界面出现闪退情况。

查看全部评论(9)

Arduino
基础入门
OpenCV
littleGL

微雪官网|产品资料|手机版|小黑屋|微雪课堂. ( 粤ICP备05067009号 )

GMT+8, 2024-3-29 18:21 , Processed in 0.037439 second(s), 18 queries .

返回顶部