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

2019-11-6 20:55| 发布者: imliubo| 查看: 13795| 评论: 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端的操作步骤如下：
littlevGL-SDL2-Qt-pi.tar.gz
然后我们打开FileZilla软件，点击左上角站点管理器：
然后在弹出的窗口中，填写你的树莓派的IP地址以及密码：
协议记得勾选SFTP，端口可以不用填写，因为SFTP有默认的端口，登录类型选择正常，然后填写上用户名与密码，如果你没有修改过的话就是pi和raspberry，最后点击连接按钮就可以了，然后上传我们的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的各种设置是否正确，确认无误但还是无法编译运行，请将错误贴在评论区，我会在看到后帮你分析错误原因。

七 附件下载
代码：

littlevGL-SDL2-Qt-pi.tar.gz