QMessageBox
- 界面设计图
- 展示效果
- 【1】PC端使用QMessageBox
- information (常规信息)
- warning (警告消息)
- critical (错误信息)
- about (关于信息,无按钮)
- question (问题信息?)
- 嵌入式平台使用QMessageBox
- QMessageBox (栈对象)
- QMessageBox (指针对象)推荐使用这种
- QMessageBox 缺点
- 源码
这里分嵌入式和PC端两种
界面设计图
以上这些按钮全部通过直接转到槽即可
展示效果
所谓有图有真相,觉得是你项目需要的就拿去用
我用心设计的一个
【1】PC端使用QMessageBox
不需要自己设计和重新封装,直接调用
特色
:显示文本的地方其实就是QLabel类,官方在里面设置了他的图片和文本而已。
按钮同样如此,是QPushButton。这个框会根据你的文本内容动态调整,如果你想固定大小,可以通过样式表设置
information (常规信息)
[static] QMessageBox::StandardButton QMessageBox::information(QWidget *parent, const QString &title, const QString &text, QMessageBox::StandardButtons buttons = Ok, QMessageBox::StandardButton defaultButton = NoButton)
内部函数实现
void MainWindow::on_PB_mBox_clicked()
{
QMessageBox::information(this,"infomation","信息");
}
warning (警告消息)
[static] QMessageBox::StandardButton QMessageBox::warning(QWidget *parent, const QString &title, const QString &text, QMessageBox::StandardButtons buttons = Ok, QMessageBox::StandardButton defaultButton = NoButton)
void MainWindow::on_PB_warning_clicked()
{
QMessageBox::warning(this,"warning","信息");
}
critical (错误信息)
[static] QMessageBox::StandardButton QMessageBox::critical(QWidget *parent, const QString &title, const QString &text, QMessageBox::StandardButtons buttons = Ok, QMessageBox::StandardButton defaultButton = NoButton)
void MainWindow::on_PB_error_clicked()
{
QMessageBox::critical(this,"critical","信息");
}
about (关于信息,无按钮)
显示一个简单的关于具有标题标题和文本文本的框。
[static] void QMessageBox::about(QWidget *parent, const QString &title, const QString &text)
void MainWindow::on_PB_abort_clicked()
{
QMessageBox::about(this,"about","信息");
QMessageBox::aboutQt(this,"aboutQt"); //显示Qt的官方介绍
}
question (问题信息?)
在指定的父小部件前面打开一个带有给定标题和文本的问题消息框。
[static] QMessageBox::StandardButton QMessageBox::question(QWidget *parent, const QString &title, const QString &text, QMessageBox::StandardButtons buttons = StandardButtons(Yes | No), QMessageBox::StandardButton defaultButton = NoButton)
void MainWindow::on_PB_quest_clicked()
{
QMessageBox::question(this,"question","信息");
}
嵌入式平台使用QMessageBox
在嵌入式平台,有时是使用电阻屏和电容屏作为触摸屏幕。这个时候按钮文本都要设置的大一些,就要自己动点手了
这里分享两种,使用栈和指针的实现方式。
重点是样式设置
QMessageBox (栈对象)
我就不一个一个详细介绍了,根据自己的需要看一看吧。
void MainWindow::on_PB_struct_clicked()
{
QMessageBox box;
//去除标题和框
box.setWindowFlag(Qt::FramelessWindowHint); //这种设置后,消息盒子无法移动了。
box.resize(300,200); //不起作用,原因未知。
//设置窗口标题
box.setWindowTitle("消息对话框");
//设置标题
box.setText(QString("<h3 style='text-align:center;'>温馨提示<h3>")); //设置里面的Label的标题
//设置新消息
box.setInformativeText("你应该马上去学习!!!,否则你会落后。。。"); //Label里面的信息
//设置按钮类型
box.setStandardButtons(QMessageBox::Ok | QMessageBox::No);
//设置无按钮
box.setStandardButtons(QMessageBox::NoButton);
//按钮默认选中
box.setDefaultButton(QMessageBox::No);
//设置显示信息图标
//box.setIcon(QMessageBox::Icon::Information);
box.setIcon(QMessageBox::Icon::NoIcon);
//添加自定义按钮,可以通过样式表设置按钮和标签的颜色。
QPushButton *okButton = box.addButton(tr("确认"), QMessageBox::ButtonRole::ActionRole);
//相当于占位符 没啥作用
QPushButton *noneButton = box.addButton(" ",QMessageBox::ButtonRole::ActionRole);
QPushButton *cancelButton = box.addButton("取消",QMessageBox::ButtonRole::RejectRole);
//方式1
okButton->setStyleSheet("QPushButton{padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png') 20 20 20 20 stretch stretch;}"
"QPushButton:pressed{padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png') 20 20 20 20 stretch stretch;}");
cancelButton->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png');}"
"QPushButton:pressed{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png');}");
//文本虽然看不见,但按钮确认存在,需要设置不可点击。
noneButton->setEnabled(false);
noneButton->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:none;}");
// //尝试设置按钮的样式(方式2) 不用定义指针 不用担心内存回收
// foreach(auto i,box.buttons()){
// qDebug()<<"i = "<<i->text();
// if (i->text() == "确认") {
// i->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png');}"
// "QPushButton:pressed{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png');}");
// }
// else if (i->text() == "取消") {
// i->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png');}"
// "QPushButton:pressed{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png');}");
// }
// else {
// i->setEnabled(false);
// i->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;}");
// }
// }
box.setStyleSheet("QMessageBox{background-color: rgb(0, 170, 255);color:#ffffff;border-radius:15px;}"
"QLabel{border-radius:15px;font-size:18px;min-width:150px;qproperty-alignment:AlignCenter;color:#ffffff;}"
);
box.exec(); //模态事件一直循环,等待用户点击后响应。
if (box.clickedButton() == okButton) {
// do something
qDebug()<<"确认";
} else if (box.clickedButton() == cancelButton) {
qDebug()<<"取消";
// do something
}
else if (box.clickedButton() == noneButton) {
//don't do
qDebug()<<"关闭";
}
box.close();
}
QMessageBox (指针对象)推荐使用这种
在头文件创建了个消息盒子指针对象,在实际使用的地方创建也行,在这里创建是因为如果项目里面有很对提示框要显示,
整个类存在期间,都可以使用消息盒子。你也可以把所有有关的提示框封装成一个函数,通过引用传参的方式去显示消息盒子,可以减少代码量,提高效率。
函数实现
border-hover.png和border-pressed.png分别是按钮鼠标悬停和按压状态下的图片。10 20 10 20表示在按钮四个方向上的边框宽度,stretch stretch表示当按钮的大小改变时,图片应该如何拉伸来适应新的尺寸(水平 垂直拉伸)。
void MainWindow::on_PB_struct_2_clicked()
{
qDebug()<<"================方法2======================";
Pmsgbox = new QMessageBox;
//去除标题和框
Pmsgbox->setWindowFlag(Qt::FramelessWindowHint); //对话框无法在移动
Pmsgbox->resize(300,200); //不起作用
//设置窗口标题
Pmsgbox->setWindowTitle("消息对话框");
//设置标题
Pmsgbox->setText(QString("<h3 style='text-align:center;'>温馨提示<h3>")); //设置里面的Label的标题
//设置新消息
Pmsgbox->setInformativeText("在上面的代码中,border.png是按钮边框的正常状态下的图片,"
"border-hover.png和border-pressed.png分别是按钮鼠标悬停和按压状态下的图片。"
"10 20 10 20表示在按钮四个方向上的边框宽度,stretch stretch表示当按钮的大小改变时,"
"图片应该如何拉伸来适应新的尺寸。"
"通过这种方式,你可以轻松地设置QMessageBox中按钮的外观和交互效果。"); //Label里面的信息
//设置按钮类型
Pmsgbox->setStandardButtons(QMessageBox::Ok | QMessageBox::No);
//设置无按钮
Pmsgbox->setStandardButtons(QMessageBox::NoButton);
//按钮默认选中
Pmsgbox->setDefaultButton(QMessageBox::No);
//设置显示信息图标
//box.setIcon(QMessageBox::Icon::Information); //根据需要显示对应的图片
Pmsgbox->setIcon(QMessageBox::Icon::NoIcon);
//设置盒子固定大小,不会随文本自动调整
Pmsgbox->setFixedSize(300,150); //无效,不知道为啥
//添加自定义按钮,可以通过样式表设置按钮和标签的颜色。
QPushButton *okButton = Pmsgbox->addButton(tr("确认"), QMessageBox::ButtonRole::ActionRole);
//相当于占位符 没啥作用
QPushButton *noneButton = Pmsgbox->addButton(" ",QMessageBox::ButtonRole::ActionRole);
QPushButton *cancelButton = Pmsgbox->addButton("取消",QMessageBox::ButtonRole::RejectRole);
//方式1
okButton->setStyleSheet("QPushButton{border-radius:10px;padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png') 20 20 20 20 stretch stretch;}"
"QPushButton:pressed{border-radius:10px;padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png') 20 20 20 20 stretch stretch;}");
cancelButton->setStyleSheet("QPushButton{border-radius:10px;padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png') 20 20 20 20 stretch stretch;}"
"QPushButton:pressed{border-radius:10px;padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png') 20 20 20 20 stretch stretch;}");
//文本虽然看不见,但按钮确认存在,需要设置不可点击。
noneButton->setEnabled(false);
noneButton->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:none;}");
//盒子宽高无效
Pmsgbox->setStyleSheet("QMessageBox{background-color: rgb(0, 170, 255);color:#ffffff;border-radius:15px;}"
"QLabel{border-radius:15px;font-size:18px;min-width:150px;min-height:80px;qproperty-alignment:AlignCenter;color:#ffffff;}"
);
//不可以。QMessageBox是一种模态对话框,当它被显示时,其他界面控件会被禁用,直到用户关闭该对话框。
Pmsgbox->exec(); //模态事件一直循环,等待用户点击后响应。
// Pmsgbox->setVisible(true); //还是无法点击其他按钮
//Pmsgbox->show();
//您可以在显示QMessageBox的同时,使用QApplication::processEvents()函数处理其他事件,这样就可以让其他按钮被点击。例如:
// QApplication::processEvents();//还是无效
if (Pmsgbox->clickedButton() == okButton) {
// do something
qDebug()<<"确认";
} else if (Pmsgbox->clickedButton() == cancelButton) {
qDebug()<<"取消";
// do something
}
else if (Pmsgbox->clickedButton() == noneButton) {
//don't do
qDebug()<<"关闭";
}
//Pmsgbox->close();
}
运行效果
鼠标按钮时
QMessageBox 缺点
可能他的缺点就是他的优点吧!!!
【1】显示的框都是模态的,不管哪种函数来显示,即这个框显示的时候,界面上的其他按钮无法点击,在大型项目中,内部代码的多线程,信号与槽的连接,会不会有什么影响不得而知。就是你必须做完这件事,才能去做下一件事。
【2】设置按钮风格和文本风格只能通过样式表设置。
就简单记录下,大佬莫喷
源码
头文件
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include <QMessageBox>
#include <QDebug>
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE
class MainWindow : public QMainWindow
{
Q_OBJECT
public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
private slots:
void on_PB_mBox_clicked();
void on_PB_warning_clicked();
void on_PB_error_clicked();
void on_PB_struct_clicked();
void on_PB_abort_clicked();
void on_PB_quest_clicked();
void on_toolButton_clicked();
void on_PB_struct_2_clicked();
private:
Ui::MainWindow *ui;
QMessageBox *Pmsgbox = nullptr;
};
#endif // MAINWINDOW_H
源文件
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
, ui(new Ui::MainWindow)
{
ui->setupUi(this);
}
MainWindow::~MainWindow()
{
delete ui;
}
void MainWindow::on_PB_mBox_clicked()
{
QMessageBox::information(this,"infomation","信息");
}
void MainWindow::on_PB_warning_clicked()
{
QMessageBox::warning(this,"warning","信息");
}
void MainWindow::on_PB_error_clicked()
{
QMessageBox::critical(this,"critical","信息");
}
void MainWindow::on_PB_abort_clicked()
{
QMessageBox::about(this,"about","信息");
QMessageBox::aboutQt(this,"aboutQt");
}
void MainWindow::on_PB_quest_clicked()
{
QMessageBox::question(this,"question","信息");
}
void MainWindow::on_PB_struct_clicked()
{
QMessageBox box;
//去除标题和框
box.setWindowFlag(Qt::FramelessWindowHint);
box.resize(300,200); //不起作用
//设置窗口标题
box.setWindowTitle("消息对话框");
//设置标题
box.setText(QString("<h3 style='text-align:center;'>温馨提示<h3>")); //设置里面的Label的标题
//设置新消息
box.setInformativeText("你应该马上去学习!!!,否则你会落后。。。"); //Label里面的信息
//设置按钮类型
box.setStandardButtons(QMessageBox::Ok | QMessageBox::No);
//设置无按钮
box.setStandardButtons(QMessageBox::NoButton);
//按钮默认选中
box.setDefaultButton(QMessageBox::No);
//设置显示信息图标
//box.setIcon(QMessageBox::Icon::Information);
box.setIcon(QMessageBox::Icon::NoIcon);
//添加自定义按钮,可以通过样式表设置按钮和标签的颜色。
QPushButton *okButton = box.addButton(tr("确认"), QMessageBox::ButtonRole::ActionRole);
//相当于占位符 没啥作用
QPushButton *noneButton = box.addButton(" ",QMessageBox::ButtonRole::ActionRole);
QPushButton *cancelButton = box.addButton("取消",QMessageBox::ButtonRole::RejectRole);
//方式1
okButton->setStyleSheet("QPushButton{padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png') 20 20 20 20 stretch stretch;}"
"QPushButton:pressed{padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png') 20 20 20 20 stretch stretch;}");
cancelButton->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png');}"
"QPushButton:pressed{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png');}");
//文本虽然看不见,但按钮确认存在,需要设置不可点击。
noneButton->setEnabled(false);
noneButton->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:none;}");
// //尝试设置按钮的样式(方式2) 不用定义指针 不用担心内存回收
// foreach(auto i,box.buttons()){
// qDebug()<<"i = "<<i->text();
// if (i->text() == "确认") {
// i->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png');}"
// "QPushButton:pressed{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png');}");
// }
// else if (i->text() == "取消") {
// i->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png');}"
// "QPushButton:pressed{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png');}");
// }
// else {
// i->setEnabled(false);
// i->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;}");
// }
// }
box.setStyleSheet("QMessageBox{background-color: rgb(0, 170, 255);color:#ffffff;border-radius:15px;}"
"QLabel{border-radius:15px;font-size:18px;min-width:150px;qproperty-alignment:AlignCenter;color:#ffffff;}"
);
box.exec(); //模态事件一直循环,等待用户点击后响应。
if (box.clickedButton() == okButton) {
// do something
qDebug()<<"确认";
} else if (box.clickedButton() == cancelButton) {
qDebug()<<"取消";
// do something
}
else if (box.clickedButton() == noneButton) {
//don't do
qDebug()<<"关闭";
}
box.close();
}
void MainWindow::on_PB_struct_2_clicked()
{
qDebug()<<"================2";
Pmsgbox = new QMessageBox;
//去除标题和框
Pmsgbox->setWindowFlag(Qt::FramelessWindowHint);
Pmsgbox->resize(300,200); //不起作用
//设置窗口标题
Pmsgbox->setWindowTitle("消息对话框");
//设置标题
Pmsgbox->setText(QString("<h3 style='text-align:center;'>温馨提示<h3>")); //设置里面的Label的标题
//设置新消息
Pmsgbox->setInformativeText("在上面的代码中,border.png是按钮边框的正常状态下的图片,"
"border-hover.png和border-pressed.png分别是按钮鼠标悬停和按压状态下的图片。"
"10 20 10 20表示在按钮四个方向上的边框宽度,stretch stretch表示当按钮的大小改变时,"
"图片应该如何拉伸来适应新的尺寸。"
"通过这种方式,你可以轻松地设置QMessageBox中按钮的外观和交互效果。"); //Label里面的信息
//设置按钮类型
Pmsgbox->setStandardButtons(QMessageBox::Ok | QMessageBox::No);
//设置无按钮
Pmsgbox->setStandardButtons(QMessageBox::NoButton);
//按钮默认选中
Pmsgbox->setDefaultButton(QMessageBox::No);
//设置显示信息图标
//box.setIcon(QMessageBox::Icon::Information);
Pmsgbox->setIcon(QMessageBox::Icon::NoIcon);
//设置盒子固定大小,不会随文本自动调整
Pmsgbox->setFixedSize(300,150); //无效
//添加自定义按钮,可以通过样式表设置按钮和标签的颜色。
QPushButton *okButton = Pmsgbox->addButton(tr("确认"), QMessageBox::ButtonRole::ActionRole);
//相当于占位符 没啥作用
QPushButton *noneButton = Pmsgbox->addButton(" ",QMessageBox::ButtonRole::ActionRole);
QPushButton *cancelButton = Pmsgbox->addButton("取消",QMessageBox::ButtonRole::RejectRole);
//方式1
okButton->setStyleSheet("QPushButton{border-radius:10px;padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png') 20 20 20 20 stretch stretch;}"
"QPushButton:pressed{border-radius:10px;padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png') 20 20 20 20 stretch stretch;}");
cancelButton->setStyleSheet("QPushButton{border-radius:10px;padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_7_d.png') 20 20 20 20 stretch stretch;}"
"QPushButton:pressed{border-radius:10px;padding:10px;color: rgb(255, 255, 255);font-size:30px;border-image:url(':/pic/button_10_d.png') 20 20 20 20 stretch stretch;}");
//文本虽然看不见,但按钮确认存在,需要设置不可点击。
noneButton->setEnabled(false);
noneButton->setStyleSheet("QPushButton{border-radius:15px;color: rgb(255, 255, 255);font-size:30px;border-image:none;}");
//盒子宽高无效
Pmsgbox->setStyleSheet("QMessageBox{background-color: rgb(0, 170, 255);color:#ffffff;border-radius:15px;}"
"QLabel{border-radius:15px;font-size:18px;min-width:150px;min-height:80px;qproperty-alignment:AlignCenter;color:#ffffff;}"
);
//不可以。QMessageBox是一种模态对话框,当它被显示时,其他界面控件会被禁用,直到用户关闭该对话框。
Pmsgbox->exec(); //模态事件一直循环,等待用户点击后响应。
// Pmsgbox->setVisible(true); //还是无法点击其他按钮
//Pmsgbox->show();
//您可以在显示QMessageBox的同时,使用QApplication::processEvents()函数处理其他事件,这样就可以让其他按钮被点击。例如:
// QApplication::processEvents();//还是无效
if (Pmsgbox->clickedButton() == okButton) {
// do something
qDebug()<<"确认";
} else if (Pmsgbox->clickedButton() == cancelButton) {
qDebug()<<"取消";
// do something
}
else if (Pmsgbox->clickedButton() == noneButton) {
//don't do
qDebug()<<"关闭";
}
//Pmsgbox->close();
}
void MainWindow::on_toolButton_clicked()
{
for(int i = 0; i < 1000; ++i)
{
qDebug()<<"i = "<<i<<endl;
}
}
资源文件
END