Qt用户图形界面设计应用(闹钟)
一、Qt介绍
-
什么是Qt
Qt 是一个跨平台的 C++ 图形用户界面库，由挪威 TrollTech 公司于 1995 年底出品，并于 2008年6月17日被NOKIA公司收购，以增强NOKIA公司在跨平 台软件研发方面的实力，更名为Qt Software。
-
Qt的优点
基本上， Qt 同 X Window 上的 Motif， Openwin， GTK 等图形界 面库 和 Windows 平台上的 MFC，OWL，VCL，ATL 是同类型的东西，但是 Qt 具 有下列优点:
- 优良的跨平台特性: 使用 Qt 开发的软件，相同的代码可以在任何支持的平台上编译与运行，而 不需要修改（或修改极少）源代码。会自动依平台的不同，表现平台特有的图 形界面风格。 • Linux/X11：用于 X Window System（如 Solaris、AIX、HP-UX、Linux、 BSD）。 支持 KDevelop 和Eclipse IDE集成。 • Mac：用于Apple Mac OS X。基于 Cocoa 框架。支持 Universal Binary。 支持以 Xcode编辑、编译和测试。 • Windows：用于 Microsoft Windows。支持 Visual Studio 集成。 • Embedded Linux：用于 嵌入式 Linux。可以通过编译移除不常使用的组 件与功能。通过自己的视窗系统 QWS，不需依赖 X Window System，直接写 入 Linux帧缓冲。可以减少存储器消耗。并提供虚拟帧缓冲 QVFb，方便在桌 面系统上进行嵌入式测试。 • Windows CE / Mobile ：用于 Windows CE。 • Symbian：用于 Symbian platform。 • Meego：用于 Meego。
- 面向对象 Qt 的良好封装机制使得 Qt 的模块化程度非常高，可重用性较好，对于用 户开发来说是非常方便的。 Qt 提供了一种称为 signals/slots 的安全类型来替代
callback，这使得各个元件 之间的协同工作变得十分简单。- 丰富的 API、库 经过多年发展，Qt 不但拥有了完善的 C++图形库，而且近年来的版本逐渐 集成了数据库、OpenGL库、多媒体库、网络、脚本库、XML 库、WebKit 库等 等，其核心库也加入了进程间通信、多线程等模块，极大的丰富了 Qt 开发大 规模复杂跨平台应用程序的能力，真正意义上实现了其研发宗旨“Code Less; Create More; Deploy Anywhere.”。
二、安装Qt
Qt是一个跨平台的图形框架，在安装了桌面版本的Qt SDK的情况下，用户 可以先在PC主机上进行Qt应用程序的开发调试，待应用程序基本成型后，再将 其移植到目标板上。
桌面版本的Qt SDK主要包括以下部分：
- 用于桌面版本的Qt 库
- 集成开发环境 IDE（Qt Creator）
1)Ubuntu通过apt安装
$sudo apt-get update
$sudo apt-get install qt5-default # qt-sdk for qt4
注：安装过程中还可能安装一些qt-sdk依赖的安装包
2)Ubuntu通过安装包进行安装
打开 https://mirrors.tuna.tsinghua.edu.cn/qt/archive/qt/5.14/5.14.2/ ，选择 系统相应的版本下载。Linux中需要增加可执行权限 ：
$ chmod a+x qt-opensource-linux-x64-5.14.2.run
$ ./qt-opensource-linux-x64-5.14.2.run
我采用的是通过清华的镜像网站安装包下载，安装时间大约3分钟左右。
三、用Qt Creator创建Qt程序
1) 点击win徽标键或在终端窗口输入命令 qtcreator 打开qtcreator。
打开的界面如下：
2) 新建Qt Project
File>New File or Project>Application>Qt Quick Applycation - Empty
输入项目名（例如clock ），一路下一步：
点击finish完成创建Project，如下图所示：
项目打开后点击 “运 行 ” (Run 或 Ctrl+R)，看到空白窗口Hello World。
Qt 快速应用程序向导创建一个包含以下源文件的项目：
| 源文件 | 目的 |
|---|---|
| alarms.pro | 项目文件 |
| main.cpp | 应用程序的主C++代码文件 |
| qml.qrc | 资源文件，其中包含源文件的名称（main.cpp和项目文件除外） |
3) 使用代码来设计程序的逻辑和界面
进入qt官网找到代码， 根据官方教程新增或替换 qml 和 cpp 文件 （pro和qrc不需要手动修改）。
按照下面代码地址中的代码文件编写程序。
- tutorials/alarms/AlarmDelegate.qml
- tutorials/alarms/AlarmDialog.qml
- tutorials/alarms/AlarmModel.qml
- tutorials/alarms/TumblerDelegate.qml
- tutorials/alarms/alarms.pro
- tutorials/alarms/main.cpp
- tutorials/alarms/main.qml
-
tutorials/alarms/qml.qrc
在 Creator和系统文件管理器分别显示如下：
如需更改项目名，关闭 Creator 后同时重命名项目文件夹、.pro文件 和.pro.user文件。
4) 在PC上编译并运行示例程序
点击界面左下角三角形绿色按钮编译并在PC上运行程序，运行结果如下图所示：
想要改变颜色只需要添加代码
color: "#21be2b"
这样就完成了能在桌面系统运行的图形界面设计。文章来源：https://www.toymoban.com/news/detail-477772.html
注：此次使用的Qt版本为5.14.2.文章来源地址https://www.toymoban.com/news/detail-477772.html
- 参考文献：
- 解决QML debugging is enabled.Only use this in a safe environment.警告
- Qt报错：error: No rule to make target ‘XXX.cpp‘, needed by ‘debug/XXX.o‘.Stop. 解决
- 如何更改QML中弹出内容项内的Listview背景色（参考代码）
到了这里，关于Qt用户图形界面设计应用(闹钟)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
