用 Qt 给嵌入式Linux加个桌面
今天给大家分享一下:如何用 Qt 实现一个 launcher (程序启动器)。代码很少,C++ 部分大约 100行代码。 |
下面是实现过程。
1. 创建 QML 应用
在 Qt Creator 依次点击:-> File -> New File or Project-> Applications -> Qt Quick Application
然后一路点击 next 直到 finish 。
2. 解析配置文件
Linux 系统里安装过的应用,都会在 /usr/share/applications 目录下有相应的配置文件,用于说明如何启动该应用,如下:
# ls -1X /usr/share/applications/ apport-gtk.desktop apturl.desktop arduino.desktop audacity.desktop bcompare.desktop ...
以 bcompare.desktop 为例:
[Desktop Entry] Name=Beyond Compare Exec=bcompare Icon=bcompare ...
字段含义:
Name 字段是应用的名称,
Exec 字段是应用的启动命令,
Icon 字段是应用的图标名称,
解析配置文件:
// 文件:main.cppQVariantList apps() {QVariantList ret;QDirIterator it(DESKTOP_FILE_SYSTEM_DIR, ...);while (it.hasNext()) {const auto filename = it.next();QSettings desktopFile(filename, QSettings::IniFormat);// 定位到 [Desktop Entry]desktopFile.beginGroup(DESKTOP_ENTRY_STRING);// 提取 app 信息AppInfo app;app.exec = desktopFile.value("Exec").toString().remove("\"").remove(QRegExp(" %."));app.icon = desktopFile.value("Icon").toString();app.name = desktopFile.value("Name").toString();// 保存 app 信息ret.append(QStringList{app.name, app.icon, app.exec});}return ret; }int main(int argc, char *argv[]) {[...]// 将解析到的 app 信息传递给 QML 前端engine.rootContext()->setContextProperty("apps", apps());[...] }
核心就是遍历某个目录下的所有文件,解析配置文件的工作则由 QSettings 负责。
运行效果:
// 打印出所有的 app 启动信息exec: "xpad" icon: "xpad" name: "Xpad" [...]
3. 实现整体布局
我们通过 SwipeView 来实现滑动翻页的功能,参考我之前的文章:《Qt 官方示例 | 这几个 QML 版的 HelloWorld 你学会了吗?》至于单独一页的布局,我们可以使用 Repeater 这个控件。Repeater 可以帮我们生成重复的内容,这里我们规定一页最多显示 24 个 app。
通过 SwipeView + Repeater 实现布局:
// 文件: main.qmlSwipeView {[...]property int selectedIndex: 0Repeater {id: pageRepeatermodel: appPages.lengthItem {property var page: appPages[index]Grid {columns: 6Repeater {model: page.lengthImage {source: "qrc:/images/qtlogo.png"}}}}}}
第一个 Repeater 用于实现生成所有的页面,
第二个 Repeater 用于生成页面里的所有 APP 的图标,这里我们先用 Qt 的 logo 来代替真实的 APP 图标。
运行效果:
这时候已经支持左右滑动了,但是还没填入 APP 信息。
4. 支持显示应用图标
在 main() 里,我们设置了一个名为 apps 的属性,它包含了所有 APP 的信息:
engine.rootContext()->setContextProperty("apps", apps());
我们需要在前端界面中使用 APP 的图标替换掉 Qt logo。
显示 APP 图标:
// 文件:main.qmlGrid {[...]Repeater {model: page !== undefined ? page.length : 0Column {Image {property var app: page[index]// APP 图标source: "image://icons/" + app[1][...]}Label {property var app: page[index]id: label// APP 的名称text: app[0][...]}}} }
改动非常少。
运行效果:
这时仅支持显示图标,但是仍不支持鼠标选中。
5. 支持选中应用
选中应用需要添加对鼠标 hover 事件的处理。当鼠标移动到某个图标上时,Qt 会捕获到鼠标 hover 事件,并传递给当前焦点所在的控件上。我们将 APP 的界面代码抽取出来,单独放在 AppEntry.qml,使其成为一个独立的控件,然后再在其中添加对鼠标 hover 事件的处理。
图标控件:AppEntry.qml
/// 文件:AppEntry.qml Pane {id: rootproperty var app[...]// 当鼠标移动到该图标时,发送信号 hovered()signal hovered()MouseArea {[...]onHoveredChanged: {if (hovered) {root.hovered()}}}Column {anchors.fill: parentImage {source: "image://icons/" + app[1][...]}Label {[...]}} }
在 main.qml 中接受到 AppEntry 控件的 hovered 信号时,需改变其背景色以提示用户已选中图标。
// 文件:main.qmlRepeater {model: page.lengthAppEntry {app: page[index][...]// selected 改变时,背景色会变化selected: swipeView.selectedIndex === indexonHovered: {swipeView.select(index)}[...]} }
运行效果:
这是已经能显示选中状态了,但是仍无法启动应用。
6. 支持启动应用
在 Qt 里,可以使用 QProcess 来创建进程。这里我们创建一个 QProcess 的子类用于运行 APP。
QProcess 的子类:
// 文件:process.cpp void Process::start(const QString &program, const QVariantList &arguments) {[...]QProcess::startDetached(program); }// 文件:process.h class Process : public QProcess {Q_OBJECTpublic:Process(QObject *parent = nullptr);Q_INVOKABLE void start(const QString &program, const QVariantList &arguments = {}); };// 文件:main.cpp int main(int argc, char *argv[]) {// 将 Process 的实例传递给前端engine.rootContext()->setContextProperty("proc", new Process(&engine)); }
前端处理点击事件:
// 文件:AppEntry.qmlsignal clicked() MouseArea {[...]onClicked: {root.clicked()} }
当用户点击图标时,AppEntry 控件会发出 clicked() 信号。
// 文件:main.qmlAppEntry {app: page[index][...]// 主窗口启动 APPonClicked: {exec(app[2])}[...] }function exec(program) {console.debug("Exec: " + program)proc.start(program)Qt.quit(); }
最后调用到 Process::start(),启动 APP。
运行效果:
怎么样,你们学会了吗?
—— The End ——
用 Qt 给嵌入式Linux加个桌面相关推荐
- 免环境搭建用QT开发嵌入式Linux工业平板电脑界面
免环境搭建如何用QT开发嵌入式Linux工业平板界面 免环境搭建如何用QT开发嵌入式Linux工业平板界面 QT作为一种垮平台的开发语言工具,可以在众多嵌入式平台开发界面显示.项目和产品开发上,对QT ...
- 嵌入式Linux的QT版本,嵌入式Linux版本Qt5.4快速部署
关键词: 摘要:Qt是一个领先 的跨平台应用和UI 开发框架(Framework),使用标准C++,适用于桌面,嵌入式和移动平台.本文着重就利用Boot to Qt 软件包来实现Qt5在嵌入式ARM平 ...
- 嵌入式linux配置qt,基于qt的嵌入式Linux开发环境搭建
摘要:本文主要介绍在PC机上搭建基于QT的嵌入式开发环境,其中很多源文件都是开发板自带,需要相应资料的可以评论留下邮箱地址. 版本:交叉编译工具链:GCC 4.7.3 [gcc-linaro-arm ...
- 嵌入式linux加载引导内核和根文件系统的方法
总体来说,嵌入式Linux内核和根文件的引导与PC机差不多. 嵌入式linux内核和根文件系统可以存放在各种可能的存储设备中,一般情况下我 们将内核和根文件系统直接烧入到Flash中(包括NOR和NA ...
- 嵌入式linux qt 开源,嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序
第一个嵌入式QT应用程序 在成功安装Qt Creator开发环境后,我们通过一个简单的嵌入式Qt应用程序,来说明一下如何构建和编译一个Qt界面应用程序. 关于如何安装并构建Qt Creator开发环境 ...
- qt 嵌入式linux 环境变量设置
Qt-embedded-linux移植要点 原文位置:http://19831028.blog.51cto.com/1333653/432393 1.安装qt对系统的要求 安装qt的过程在不同的平台上 ...
- 嵌入式 Linux 的基础知识介绍
嵌入式Linux是Linux内核的改编版,用于嵌入式系统.嵌入式Linux最流行的例子是Android 操作系统. 但是,需要大量硬件资源来支持嵌入式 Linux,特别是如果它将部署在实时机器对机 ...
- 如何学习嵌入式linux[转]
嵌入式时代已经来临,你还在等什么? ---循序渐进学习嵌入式开发技术 最近经常有用人单位给 我打来电话,问我这有没有嵌入式Linux方面的开发人员,他们说他们单位急需要懂得在嵌入式linux环境下 ...
- 嵌入式linux,老手给新手的建议
嵌入式时代已经来临,你还在等什么? ---循序渐进学习嵌入式开发技术 最近经常有用人单位给 我打来电话,问我这有没有嵌入式Linux方面的开发人员,他们说他们单位急需要懂得在嵌入式linux环境下的 ...
最新文章
- html语言怎么添加图片,我想问你一下,你是怎么在html中插入本地图片?非常感谢...
- mybatis 注解传入 list 集合​​​​​​​
- Gym 101206L	Daylight Saving Time 根据年月日计算星期
- 在tomcat下利用service.xml对项目进行映射部署
- Web开发者的六个代码调试平台
- 胶囊碰撞体(CapsuleCollider)
- haproxy服务启动命令_HaProxy的安装配置和常用命令介绍
- 终于把所有的Python库,都整理出来啦!
- Oracle密码过期解决办法
- 密码学基础知识(一)
- 移动端测试——PO模式 (8)
- 关于如何区分Android手机是32位还是64位
- IDEA解决打开properties乱码问题
- 【数据结构与算法】普里姆算法的介绍和修路问题程序实现
- ​windows10 jdk8升级到11后环境变量配置不生效
- C++电脑程序设计语言介绍
- MySQL索引基础续
- BEC商务英高频词汇
- 初次安装RedFlag5+Oracle
- tm是什么域名_tm域名是什么
热门文章
- 宋仲基宋慧乔没能找到对的人,算法能帮我们找到么?
- Python给数字前固定位数加零或数字前置保留0
- Redis中有序集合zset数据类型(增加(添加元素)、获取(获取指定范围元素、返回权值在min和max之间的成员、返回成员member的score值)、删除(删除指定元素和指定权值范围的元素))
- 爬虫之requests模块在headers参数中携带cookie发送请求
- 求相关和卷积的full和same
- 如何使用OpenCV实现图像均衡???
- MySQL(MariaDB)常用DOM命令
- 数据流模式、转换、格式与操作
- Scrapy-Splash的介绍、安装以及实例
- JavaFX项目jar使用javafxpackager生成exe