注：资源主要来源：http://www.qtcn.org/bbs/u/110085 （刘大神）

如若侵权，请联系删除。

本文只是将作品集合到起来，方便大家一起学习。

资源集合已经放到 链接：https://pan.baidu.com/s/1sVvQE8uDujVxeKVVSoxyYw 密码：wslk

Qt界面开发（各种控件以及图表）

1.Qt简洁窗体



源代码链接：点击打开链接

2.QT漂亮界面

 



源代码链接：点击打开链接

3.音乐播放器界面



源代码链接：点击打开链接

4.六宫格界面



源代码链接：点击打开链接

5.漂亮通用界面



源代码链接：点击打开链接

6.净化设备管理



源代码链接：点击打开链接

7.树形界面通用图



源代码链接：点击打开链接

8.窗口主框架



源代码链接：点击打开链接

9.tcp文件传输



源代码链接：点击打开链接

10.综合组件的界面



源代码链接：点击打开链接

11.Qt动态圆形进度条



源代码链接：点击打开链接

12.动态绘制曲线





 

源代码链接：点击打开链接

13.二维码解析



源代码链接：点击打开链接

14.自定义UI演示



源代码链接：点击打开链接

15.Widget例子





源代码链接：点击打开链接

16.俄罗斯方块



源代码链接：点击打开链接

17.Qt360 界面



源代码链接：点击打开链接

18.正则表达式



源代码链接：点击打开链接

19.绘制（平滑与折线）曲线



源代码链接：点击打开链接

20.Tab选项界面



源代码链接：点击打开链接

21.十二宫格界面



源代码链接：点击打开链接

22.网络调试助手



源代码链接：点击打开链接

23.List树形列表界面



源代码链接：点击打开链接

24.Ping界面实现



源代码链接：点击打开链接

25.脉冲维修工具界面



源代码链接：点击打开链接

26.Qt个性时钟



源代码链接：点击打开链接

27.Qt漂亮日历



源代码链接：点击打开链接

28.Qt个性按钮



源代码链接：点击打开链接

29.Led数字显示



源代码链接：点击打开链接

30.多种组件界面



源代码链接：点击打开链接

31.英语词典



源代码链接：点击打开链接

32.绝对牛逼的计算器



源代码链接：点击打开链接

33.Led显示以及list列表



源代码链接：点击打开链接

34.Qt（动态数据模拟）曲线



源代码链接：点击打开链接

35.Tab飘逸界面



源代码链接：点击打开链接

36.滑动显示图片



源代码链接：点击打开链接

37.各种Chart例子



源代码链接：点击打开链接

38.背景图界面



源代码链接：点击打开链接

39.多种样式的进度条



源代码链接：点击打开链接

40.360UI完美界面



源代码链接：点击打开链接

41.360安防系统

 



源代码链接：点击打开链接

42.机器人聊天



源代码链接：点击打开链接

43.各种chart图表







源代码链接：点击打开链接

44.Qt图片预览(图形列表)



源代码链接：点击打开链接

45.动态显示文本的label



源代码链接：点击打开链接

46.Qt2048游戏



源代码链接：点击打开链接

47.Animation按钮



源代码链接：点击打开链接

48.模拟电量进度条



源代码链接：点击打开链接

49.网易云音乐界面



源代码链接：点击打开链接

50.多种样式日历



源代码链接：点击打开链接

51.myseria串口



源代码链接：点击打开链接

52.绘制魔法鱼儿



源代码链接：点击打开链接

 

 

 

 

 

Qt界面程序嵌入另一个Qt界面程序[Linux]
Qt的界面程序出现的问题
Qt处理问题的传统方法
传统方法的缺陷
多进程界面开发
示例代码
结语

Qt的界面程序出现的问题
在Qt界面程序里，主线程是界面线程，并且有且只有主线程才能完成界面的渲染操作，这样就会带来问题。一旦主进程一直处于一个非常耗时的函数中（如构建一个庞大的界面、处理大量的数据），无法处理事件循环中积压的事件以及回调，那么整个界面都会处于未响应状态。
Qt处理问题的传统方法

方法1 常规的处理方式，也是Qt官方的处理方式是调用 processEvents() 函数，在长期占用主线程的函数的合适地方不断地调用该函数，这样就可以不断处理各种积压的界面刷新动作、用户操作响应等
方法2 另一种处理方式，可以将数据的处理放置于另一个线程中处理，这样就可以解放主线程，让主线程专心应对于界面相关的工作。

传统方法的缺陷
有一种情况，上述两种方式都无法处理。比如说，程序在收到某个消息时创建一个新的界面，而创建这个界面非常耗时，在这种情况下，首先方法2是无法使用的，因为这是界面控件的创建必须在主线程。
然后是方法1，方法1存在风险，设想这样一个情况，程序收到消息 M_A 将数据 dataA 存储在对象 * structA* 上，然后界面 WidgetA 根据 dataA 来创建控件，在创建 widgetA 的中途中调用 processEvents() ，这时又收到一次消息 M_B ，那么调用processEvents()就会处理该消息的对应的函数，那么就会把 dataB 存在对象 structA 上,就会将原本的 dataA 数据给覆盖，那么一旦 processEvents() 结束，回到WidgetA的创建函数，但此时的数据已经不是原来的数据了，这样就会带来未知的后果。所以说，需要确保事件队列的所有动作不影响本函数（调用 processEvents() 的函数），才能调用 processEvents() 函数。
那么至少，我们在加载又大又多的界面时，需要给用户一个等待条的提示，这样才能避免界面未响应的不良效果。那等待条在加载界面时是无法刷新的，界面的刷新需要不断处理事件队列里关于绘制的事件，处理事件队列需要调用 processEvents() 函数，但是该函数是一股脑的把所有积压的事件处理了（当然Qt的 processEvents() 可以过滤用户动作产生的事件），只要其中有一个事件对正在进行创建的界面产生了影响，那么就会出现问题，那么这种情况下有什么解决方案呢？当然有，多进程界面开发。
多进程界面开发
参考blog:

https://www.cnblogs.com/swarmbees/p/11100513.html

https://blog.csdn.net/u013394556/article/details/78534833

https://blog.csdn.net/r5014/article/details/79286444
既然主线程的随心的调用processEvents()，而我们又需要刷新等待界面，而刷新界面必须主线程，既然如此，那就再创建一个主线程不就好了么！但是一个进程只有一个主线程啊，所以说我们需要再创建一个界面进程，然后把这个子界面进程嵌入到主界面进程当中，在主界面进程忙于工作时，子界面进程仍可以不断刷新窗口，这样就可以避免给用户界面未响应的体验。
关键函数：

QWindow::fromWinId(winId)，可以通过句柄返回一个window对象

QWidget::createWindowContainer(), 可以为QWindow创建一份widget对象
示例代码
子窗口进程：

main.cpp
#include <QApplication>
#include <QDebug>
#include <stdio.h>
#include <QLabel>
#include <QMovie>
#include <QWindow>

int main(int argc, char *argv[])
{
    if(argc == 2)
    {
        QApplication a(argc, argv);
		
		//这里是子窗口的顶层窗口
        QLabel w;
        QMovie movie(&w);
        movie.setFileName("XXX.gif");
        w.setMovie(&movie);
        movie.start();
        //end

        WId wid = WId(QString(argv[1]).toInt());//通过参数列表获取父进程窗口的WinId
        QWindow *window = QWindow::fromWinId(wid);//获取父进程窗口

        w.setProperty("_q_embedded_native_parent_handle", QVariant(wid));//设置属性，这句是必须的

        w.winId();//必须调用一次，生成winId
        w.windowHandle()->setParent(window);//设置父窗口
        w.show();//最后调用show，提前调用qt会为其生成窗口控件，这样就会和你原本想要嵌入进的父进程界面产生冲突

        fprintf(stderr, "%lld", w.winId());//写入标准错误输出，stderr能立即输出，stdout则不行

        return a.exec();
    }

    return 0;
}

主窗口进程

waitingbarwin.h
#ifndef WAITINGBARWIN_H
#define WAITINGBARWIN_H

#include <QWidget>

namespace Ui {
class WaitingBarWin;
}

class QProcess;

class WaitingBarWin : public QWidget
{
    Q_OBJECT

public:
    explicit WaitingBarWin(QWidget *parent = 0);
    ~WaitingBarWin();

private:
    Ui::WaitingBarWin *ui;
    QProcess *m_process;

private slots:
    void slot_createWaitingBar();
};

#endif // WAITINGBARWIN_H


waitingbarwin.cpp
#include "waitingbarwin.h"
#include "ui_waitingbarwin.h"

#include <QProcess>
#include <QDebug>
#include <QWindow>
#include <QPixmap>
#include <QBitmap>

WaitingBarWin::WaitingBarWin(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::WaitingBarWin),
    m_process(nullptr)
{
    ui->setupUi(this);

    QPixmap pixmap;
    pixmap.load("XXX.gif");

    setFixedSize(pixmap.size());
    setWindowFlags(Qt::Dialog | Qt::FramelessWindowHint);
    setMask(pixmap.mask());

    if(m_process == nullptr)
    {
        QString cmd = "WaitingBar";//子程序执行文件地址
        QStringList argList;
        argList << QString::number(this->winId());//把父窗口的id给子进程传递过去
        m_process = new QProcess(this);//使用进程运行子进程窗口
        connect(m_process, &QProcess::readyReadStandardError, this, &WaitingBarWin::slot_createWaitingBar);//等待子进程窗口把自身的winId传递过来
        m_process->start(cmd, argList);
    }
}

WaitingBarWin::~WaitingBarWin()
{
    delete ui;
    m_process->terminate();//在父窗口关闭时，主动终止子窗口进程
    m_process->waitForFinished(50);
}

void WaitingBarWin::slot_createWaitingBar()
{
    quint64 winId = m_process->readAllStandardError().toLongLong();
    QWindow *childWin = QWindow::fromWinId(winId);
    if(childWin)
    {
        QWidget *widget = QWidget::createWindowContainer(childWin);//获取一个子进程窗口的widget
        ui->verticalLayout->addWidget(widget);//这里是可以使用布局器管理子进程窗口的，不管理的话就在坐标0,0处
    }
}


main.cpp
#include "waitingbarwin.h"
#include <QApplication>
#include <QMainWindow>
#include <QPushButton>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    QPushButton win;
    win.show();

    WaitingBarWin w(&win);

	//测试，主进程陷入长时间工作时，子进程窗口仍然正常刷新
    QObject::connect(&win, &QPushButton::clicked, [&w](){
        w.show();
        while (1) {
        }
    });

    return a.exec();
}

结语
关于windows平台的使用我没有测试，网上也大多是windows平台的，感觉是获取winId的方式可以使用windows系统的函数实现，这样就可以去嵌入更多的应用。linux平台的获取WinId的方法我暂时没有实现，只是通过Qt自带的方式获取本进进程界面的WinId，如果想要嵌入其他程序，能找到WinId的话理论上是可行的。

**




QT界面编辑
**

QT建立游戏登录界面

1、新建一个界面（app）工程


点击 “欢迎” 选项，点击 “New Project” 弹出新建项目界面，在项目中选择  Application -> QT Widgets Application 选项，再点击 choose ，在弹出的新界面中修改工程名称，点击下一步 -》kit selection 界面默认点击下一步-》类信息界面中进行类名选择：Widget，下一步 -》新界面点击完成；工程建立完毕。


2、对游戏界面进行设计

2.1打开设计界面



点击“ 编辑” ，打开Forms 目录下的 .ui文件，弹出如下框图


2.2 设计界面的编辑

line Edit托选账号框；placeholder设置文字背景





设置文字类型和大小


设置文字颜色

选中目标，右键打开列表，选择：改变目标样式，点击箭头处，选择color。



隐藏密码：设置密码为隐藏模式


规范化、美化界面


利用上述六大工具可对界面进行美化。美化结果如下图

2.3插入图片和动图

如何将图片放置于工程中？

（1）将图片放到工程文件目录下，如下图


（2）创建工程资源文件

在工程新建一个资源文件




填写资源文件的名称：hh

点击完成即可获取资源文件：hh.qrc
（3）添加文件进入工程的资源文件



首先要添加前缀，才能添加外部的资源进入资源文件，只有新建的资源文件第一次添加外部资源时才需要先添加前缀，否则只需添加文件就好了。点击Open With-》资源编辑器即可进入添加前缀、文件页面。
3、建立子界面

选中工程  点击右键  添加新文件




进行界面模板选择，一般选择 Widgei 模式（考虑模态：Dialog with Buttons和非模态：Widgei的选择）



修改类名，只用修改它。改成你想要的名字，英文名，下一步---->完成。成功在工程中创建子界面。
4、界面链接



例如：点击登录后进入子界面；操作步骤:

右键点击登录，在弹出框中选择转到槽——>



点击ok后对应界面程序文件.cpp会生成槽链接函数，如下：



在函数中写入跳转函数，即可通过槽链接函数跳转至指定界面。
设计页面过程中遇到的问题

1、怎样输入文件路径

以字符串形式输入：即“ D:/qt/qt.c/Game_Login/dnfmusic.WAV ”

目录之间以斜杠隔开。

2、添加头文件注意事项

有时候不是添加一个 #include  就行了


有一些头文件需要在.pro文件中添加QT += ****；如上图，不然的话头文件就回添加不成功。

3、定义全局变量

在对应的头文件的类中的public:


4、自定义函数怎么写？

自定义函数要在.h文件中进行编写



5、如何使用connect 函数实现返回上一层界面？

QMessageBox::information(this,“提示”,“登录成功”);

Yugame *w = new Yugame(); //建立类指针，指向构建的新界面（即子界面）

//建立信号和槽的连接，connect(mediaObject,signal(finish(),this,slot(MusicOn()))) ;

//connect(w, SIGNAL(my_type()), this, SLOT(show())); //若是my_type() 被W界面的触发 ，则会触发connect函数，执行this下的show（）；
w->setGeometry(this->geometry());  //geometry是子界面的尺寸还有位置信息
w->show(); //显示子界面

sound->stop(); //关闭音频
connect(w, SIGNAL(my_type()), this, SLOT(show()));
connect(w, SIGNAL(my_type()), sound, SLOT(play()));
this->hide();   //隐藏登录界面;


connect(w, SIGNAL(my_type()), this, SLOT(show()));
由程序可知，在connect函数中：

W：子界面的指针，Yugame 为创建子界面时的申请的类名；Yugame *w = new Yugame(); 即为创建一个类指针，且指针链接到构建的子界面。
my_type()：自定义函数
connect(w, SIGNAL(my_type()), sound, SLOT(play()));

意思就是：在W界面中，如果my_ttype()函数被使用，则会返回上一界面执行sound->play();

子界面应用自定义函数触发connect函数的做法：

emit my_type();  // emit引用my_type()，触发connect函数
6、如何播放音频？

在.pro中加入：QT       += multimedia

在程序中添加头文件 ：#include   or  #include “QMovie”

在父界面程序中添加：（在声明全局变量：QSound *sound；的情况下）

#if 1  //动态播放模式，且设为无线循环播放

sound = new QSound(“D:/qt/qt.c/Game_Login/dnfmusic.WAV”,this); //构建 QSound 对象，即构建播放对象

//sound->setLoops(-1); //设置为无限循环播放，注意：要先把播放次数设置放在sound->play();前

sound->play(); //播放

sound->setLoops(10); //设置循环播放次数 为10次

注：dnfmusic.WAV 为资源文件内的音频
7、如何插入动图？

在程序中添加头文件 ：#include   or  #include “QMovie”

在父界面程序中添加：

ui->label_4->setScaledContents(true);

QMovie *movie = new QMovie(":/dnffengshen.gif");

ui->label_4->setMovie(movie);

movie->start();

注：:/dnffengshen.gif 为资源文件内的动图

8、如何在跳转进入下一界面时关闭当前界面背景音乐？

首先，一定要设置QSound 的全局变量，不然没法引用stop（）函数关闭音频；

其次，要将stop（）函数放在槽链接函数里头，最好放在子界面类指针的后面。

最后，是否在析构函数中删除音频对象，取决于是否会返回界面。
欢迎使用Markdown编辑器
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

全新的界面设计 ，将会带来全新的写作体验；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
全新的 KaTeX数学公式 语法；
增加了支持甘特图的mermaid语法 功能；
增加了 多屏幕编辑 Markdown文章功能；
增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
增加了 检查列表 功能。

功能快捷键
撤销：Ctrl/Command + Z

重做：Ctrl/Command + Y

加粗：Ctrl/Command + B

斜体：Ctrl/Command + I

标题：Ctrl/Command + Shift + H

无序列表：Ctrl/Command + Shift + U

有序列表：Ctrl/Command + Shift + O

检查列表：Ctrl/Command + Shift + C

插入代码：Ctrl/Command + Shift + K

插入链接：Ctrl/Command + Shift + L

插入图片：Ctrl/Command + Shift + G
合理的创建标题，有助于目录的生成
直接输入1次#，并按下space后，将生成1级标题。

输入2次#，并按下space后，将生成2级标题。

以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。
如何改变文本的样式
强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本

引用文本

H2O is是液体。
210 运算结果是 1024.
插入链接与图片
链接: link.
图片: 
带尺寸的图片: 
居中的图片: 
居中并且带尺寸的图片: 
当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.
// An highlighted block
var foo = 'bar';

生成一个适合你的列表

项目

项目

项目






项目1
项目2
项目3


 计划任务
 完成任务

创建一个表格
一个简单的表格是这么创建的：




项目
Value




电脑
$1600


手机
$12


导管
$1


设定内容居中、居左、居右
使用:---------:居中

使用:----------居左

使用----------:居右




第一列
第二列
第三列




第一列文本居中
第二列文本居右
第三列文本居左


SmartyPants
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：




TYPE
ASCII
HTML




Single backticks
'Isn't this fun?'
‘Isn’t this fun?’


Quotes
"Isn't this fun?"
“Isn’t this fun?”


Dashes
-- is en-dash, --- is em-dash
– is en-dash, — is em-dash


创建一个自定义列表

Markdown
Text-to-HTML conversion tool
Authors
John
Luke

如何创建一个注脚
一个具有注脚的文本。
注释也是必不可少的
Markdown将文本转换为 HTML。
KaTeX数学公式
您可以使用渲染LaTeX数学表达式 KaTeX:
Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分
$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章


关于 甘特图 语法，参考 这儿,

UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：:

这将产生一个流程图。:


关于 Mermaid 语法，参考 这儿,

FLowchart流程图
我们依旧会支持flowchart的流程图：


关于 Flowchart流程图 语法，参考 这儿.

导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件或者.html文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，

继续你的创作。



mermaid语法说明 ↩︎

注脚的解释 ↩︎

VS的Qt界面预览：Ctrl + R

QtCreator的界面预览： Shift + Alt + R

总是忘记，所以在这里记录一下。