3.QT窗口部件

已于 2023-05-09 18:33:53 修改
阅读量790 收藏 2
点赞数
文章标签： qt c++ 开发语言
于 2023-04-26 16:49:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_65199878/article/details/130371740
版权

类继承关系图

（上面为Base类，下面为Derived类）
在这里插入图片描述

窗口与子部件

窗口：没有父部件的部件，称为顶级部件
子部件：非窗口部件

新建空的qmake项目mywidget1
在这里插入图片描述
新建cpp文件

//mywidget1.pro

QT += core gui
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
CONFIG += c++11
DEFINES += QT_DEPRECATED_WARNINGS

QT += widgets

SOURCES += \
    main.cpp

//main.cpp

#include<QTWidgets>
int main(int argc,char *argv[])
{
    QApplication a(argc,argv);

    QWidget *widget=new QWidget();
    widget->setWindowTitle(QObject::tr("I am widget"));

    QLabel *label=new QLabel();
    label->setWindowTitle(QObject::tr("I am label"));
    label->setText(QObject::tr("label:I am a window"));
    label->resize(350,20);

    QLabel *label2=new QLabel(widget);
    label2->setText(QObject::tr("label2:不是独立窗口，只是widget的子部件"));
    label2->resize(350,20);

    label->show();
    widget->show();
    int ret=a.exec();
    delete label;
    delete widget;
    return ret;
}

运行结果
在这里插入图片描述

窗口类型

窗口一般有边框和标题栏，但不必需

QWidget的构造函数有两个参数：QWidget *parent = 0 和 Qt::WindowFlags f = 0
其中，parent是父窗口部件，默认为0即没有父窗口
f是Qt::WindowType枚举类型，默认为0即Qt::Widget窗口类型

更改新建对象的两行：

    QWidget *widget=new QWidget(0,Qt::Dialog);
    QLabel *label=new QLabel(0,Qt::SplashScreen);

运行结果：
在这里插入图片描述

再次更改：

    QWidget *widget=new QWidget(0,Qt::Dialog|Qt::FramelessWindowHint);
    QLabel *label=new QLabel(0,Qt::SplashScreen|Qt::WindowStaysOnTopHint);

label2(widget)窗口隐藏到后面，label窗口停留在所有窗口之上
在这里插入图片描述

窗口几何布局

帮助文档索引Window and Dialog Widgets

QWidget提供了几个处理小组件的几何形状的函数。其中一些函数在纯客户区域（即不包括窗口框架的窗口）上操作，另一些则包括窗口框架。这种区分是以一种透明地涵盖最常见的用法的方式进行的。
包括窗口框架：x(), y(), frameGeometry(), pos(), move()
不包括窗口框架：geometry(), width(), height(), rect(), size()
在这里插入图片描述

断点调试

//main.cpp

#include<QApplication>
#include<QWidget>

int main(int argc,char *argv[])
{
    QApplication a(argc,argv);
    QWidget widget;
    int x=widget.x();
    int y=widget.y();
    QRect geometry=widget.geometry();
    QRect frame=widget.frameGeometry();
    return a.exec();
}

使用qDebug()调试

//main.cpp

#include<QApplication>
#include<QWidget>
#include<QDebug>

int main(int argc,char *argv[])
{
    QApplication a(argc,argv);
    QWidget widget;
    widget.resize(400,300);
    widget.move(200,100);
    widget.show();
    int x=widget.x();
    qDebug("x:%d",x);
    int y=widget.y();
    qDebug("y:%d",y);
    QRect geometry=widget.geometry();
    QRect frame=widget.frameGeometry();
    qDebug()<<"geometry:"<<geometry<<"frame:"<<frame;
    qDebug()<<"pos:"<<widget.pos()<<endl<<"rect:"<<widget.rect()<<endl
    <<"size:"<<widget.size()<<endl<<"width:"<<widget.width()<<endl
    <<"height:"<<widget.height()<<endl;
    return a.exec();
}

运行结果：
在这里插入图片描述

对话框QDialog

模态和非模态对话框

模态对话框：关闭它之前，不能再与同一个应用程序的其他窗口交互，使用exec()
非模态对话框：既可以与它交互，也可以与同一程序的其他窗口交互，使用new和show()

新建项目mywidget1
在这里插入图片描述
在这里插入图片描述

//mywidget.cpp

#include "mywidget.h"
#include "ui_mywidget.h"
#include<QDialog>

MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::MyWidget)
{
    ui->setupUi(this);
    QDialog dialog(this);
    dialog.show();
}

MyWidget::~MyWidget()
{
    delete ui;
}

运行结果：小的窗口一闪而过(dialog对象在构造函数执行结束后自动释放)

//构建函数中dialog创建两行改为：

    QDialog *dialog=new QDialog(this);
    dialog->show();

运行结果：一大一小 (大的是MyDialog窗口，小的是对话框)
在这里插入图片描述

不用指针，再将这两行改为：

    QDialog dialog(this);
    dialog.exec();

运行结果：只弹出小的，关闭后，弹出大的。称为模态对话框

多窗口切换

继续使用mywidget1项目

信号和槽

进入mywidget.ui，拖用Push Button和Label
Push Button的objectName改为showChildButton，文本改为“显示子窗口”
Label的文本改为“我是主页面”
在这里插入图片描述
在这里插入图片描述保存后在mywidget.h的MyWidget类最后添加：

public slots:
    void showChildDialog();

点击showChildDialog，按alt+enter，点击"在mywidget.cpp中添加定义"
在这里插入图片描述

//mywidget.cpp

#include "mywidget.h"
#include "ui_mywidget.h"
#include<QDialog>

MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::MyWidget)
{
    ui->setupUi(this);
    connect(ui->showChildButton,&QPushButton::clicked,this,&MyWidget::showChildDialog);
}

MyWidget::~MyWidget()
{
    delete ui;
}

void MyWidget::showChildDialog()
{
    QDialog *dialog=new QDialog(this);
    dialog->show();
}

已经解决 no member named ‘showChildButton’ in ‘Ui::MyWidget’

connect行出现该报错，原因是未构建项目，点击左下角的“锤子”即可

运行结果：
在这里插入图片描述

点击“显示子窗口”：
在这里插入图片描述

关联信号和槽的connect函数的四个参数：
发射信号的对象、发射的信号、接收信号的对象，要执行的槽

自动关联

在mywidget.cpp中，将showChildDialog()槽命名为on_showChildButton_clicked()，即on_发射信号的对象_信号名
在这里插入图片描述
在这里插入图片描述
运行结果同上。自动关联方式在Qt设计器中更简便，但在其他设计器中还需要其他操作（书P53）

自定义对话框

继续使用项目mywidget1
新建Qt设计师界面类
在这里插入图片描述
选择Dialog without Buttons，类名MyDialog，设计模式中添加两个Push Button，文本为“进入主界面”和“退出程序”

点击第二个图标，进入信号和槽的编辑模式
在这里插入图片描述
在这里插入图片描述
关联如下，若要取消，可点击clicked()文字，文本框为红色时按delete，或右键
在这里插入图片描述
点击第一个图标，返回部件编辑模式
在这里插入图片描述
“进入主界面”右键，转到槽
在这里插入图片描述
选择clicked()
在这里插入图片描述
点击OK后跳转到mydialog.cpp代码

//mydialog.cpp的改动部分

void MyDialog::on_pushButton_clicked()
{
    accept();
    //对于一个使用exec()实现的模态对话框，执行该槽会隐藏模态对话框
    //并返回QDialog::Accepted值，可用于判断哪个按钮被按下
    //类似还有reject()槽，返回QDialog::Rejected值，可以关联“退出程序”
}


//main.cpp

#include "mywidget.h"
#include <QApplication>
#include"mydialog.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MyWidget w;
    MyDialog dialog;
    //若按下“进入主界面”，则显示主界面，否则退出程序
    if(dialog.exec()==QDialog::Accepted){
        w.show();
        return a.exec();
    }
    else return 0;
}

运行结果：
在这里插入图片描述

进入mywidget.ui，再添加两个Push Button，“退出”同样“牵红线”关联close，“重新登陆”同样转到槽
在这里插入图片描述

//mywidget.cpp改动部分
//添加头文件，否则MyDialog不识别！！！
#include"mydialog.h"

//代码正文...

void MyWidget::on_pushButton_clicked()
{
    //先隐藏主界面
    close();
    //若按下“进入主界面”，则再次显示主界面，否则退出
    MyDialog dlg;
    if(dlg.exec()==QDialog::Accepted) show();
}

运行结果：
在这里插入图片描述

点击“重新登录”后，回到Dialog页面，无限循环

标准对话框（末尾附8button完整代码）

新建Qt Widget项目mydialog2
在这里插入图片描述
mywidget.ui拖入Push Button，修改文本如下：
Tips：书中的顺序是按行拖用，即1是颜色，2是文件…但本博客是按列拖用，唯一的影响是槽的编号
在这里插入图片描述
显示不全的button框（比如“错误信息对话框”），可以修改宽度
在这里插入图片描述

颜色对话框

在.ui界面右键button，转到槽

//mywidget.cpp

#include "mywidget.h"
#include "ui_mywidget.h"
#include<QDebug>
#include<QColorDialog>

MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::MyWidget)
{
    ui->setupUi(this);
}

MyWidget::~MyWidget()
{
    delete ui;
}


void MyWidget::on_pushButton_clicked()
{
    //getColor的3个参数：设置初始颜色、指定父窗口、设置对话框标题
    QColor color=QColorDialog::getColor(Qt::red,this,tr("颜色对话框"));
    qDebug()<<"color:"<<color;
}
已经解决报错“常量中有换行符”

在这里插入图片描述
对应行改为：

    QColor color=QColorDialog::getColor(Qt::red,this,tr("颜色"));
    //建议直接用英语

在这里插入图片描述
在这里插入图片描述

color: QColor(ARGB 1, 0, 1, 0.498039)
4个值代表：透明度(alpha)、R、G、B
其中透明度为1则完全不透明，0.498039为127/255

添加对透明度的设置：
对应行代码改为

    QColor color=QColorDialog::getColor(Qt::red,this,tr("颜色"),QColorDialog::ShowAlphaChannel);

运行结果：
在这里插入图片描述
在这里插入图片描述

color: QColor(ARGB 0.392157, 0, 1, 0.498039)
0.392157=100/255

前面是静态函数方法，不用创建对象
更灵活的方式：先创建对象，再设置各项，结果相同

//mywidget.cpp改动部分

void MyWidget::on_pushButton_clicked()
{
    QColorDialog dialog(Qt::red,this);
    dialog.setOption(QColorDialog::ShowAlphaChannel);
    dialog.exec();
    QColor color=dialog.currentColor();
    qDebug()<<"color:"<<color;
}

文件对话框

在.ui界面右键button，转到槽

//mywidget.cpp改动部分

#include<QFileDialog>

//代码正文

void MyWidget::on_pushButton_5_clicked()
{
    //4个参数：指定父窗口、设置对话框标题、指定默认打开路径、设置文件类型过滤器
    QString filename=QFileDialog::getOpenFileName(this,tr("文件"),"D:",tr("图片文件(*png *jpg)"));
    qDebug()<<"filename:"<<filename;
}

运行后，出现8个button，点击“文件对话框”后，选一张图片打开后，qDebug输出图片路径

在这里插入图片描述

改动一行代码，添加文件类型：

    QString filename=QFileDialog::getOpenFileName(this,tr("文件"),"D:",tr("图片文件(*png *jpg);;文本文件(*txt)"));

运行结果：
https://img-blog.csdnimg.cn/d09db0a9f4964567a7e65060ad963f4c.png
在这里插入图片描述

再改动这行代码，同时选择多个文件：

 QStringList filenames=QFileDialog::getOpenFileNames(this,tr("文件"),"D:",tr("图片文件(*png *jpg)"));

运行结果：
在这里插入图片描述

字体对话框

在.ui界面右键button，转到槽

//mywidget.cpp改动部分

#include<QFontDialog>

void MyWidget::on_pushButton_2_clicked()
{
    bool ok;
    QFont font=QFontDialog::getFont(&ok,this);
    if(ok) ui->pushButton_2->setFont(font);
    else qDebug()<<tr("未选择");
    //同理，这里中文字数太多也会报错“常量中有换行符”
}

运行结果：
在这里插入图片描述

“字体对话框”字号变小
在这里插入图片描述

不选择字体，直接cancel：
在这里插入图片描述

输入对话框

在.ui界面右键button，转到槽

//mywidget.cpp改动部分

#include<QInputDialog>

void MyWidget::on_pushButton_6_clicked()
{
    bool ok;
    //getText()的参数：指定父窗口、设置窗口标题、设置标签显示文本、字符串的显示模式、默认输入字符串、按下按钮信息的bool变量
    QString string=QInputDialog::getText(this,tr("stringDialog"),tr("userName"),QLineEdit::Normal,tr("admin"),&ok);
    if(ok) qDebug()<<"string:"<<string;

    //用箭头调整大小时，每次变化10
    int value1=QInputDialog::getInt(this,tr("intDialog"),tr("-1000~1000"),100,-1000,1000,10,&ok);
    if(ok) qDebug()<<"value1:"<<value1;

    //小数的位数是2
    double value2=QInputDialog::getDouble(this,tr("doubleDialog"),tr("-1000~1000"),0.00,-1000,1000,2,&ok);
    if(ok) qDebug()<<"value2:"<<value2;

    QStringList items;
    items<<tr("item1")<<tr("item2");
    //true是设置条目可以被更改
    QString item=QInputDialog::getItem(this,tr("item"),tr("chooseOrInput"),items,0,true,&ok);
    if(ok) qDebug()<<"item:"<<item;
}

运行结果：
在这里插入图片描述
在这里插入图片描述

消息对话框

在.ui界面右键button，转到槽
Tips：运行时提示音不同，由操作系统设置

//mywidget.cpp改动部分

#include<QMessageBox>

void MyWidget::on_pushButton_3_clicked()
{
    int ret1=QMessageBox::question(this,tr("questionDialog"),tr("Do you know Qt?"),QMessageBox::Yes,QMessageBox::No);
    if(ret1==QMessageBox::Yes) qDebug()<<tr("Question!");

    int ret2=QMessageBox::information(this,tr("informationDialog"),tr("Qt book."),QMessageBox::Ok);
    if(ret2==QMessageBox::Ok) qDebug()<<tr("Information!");

    int ret3=QMessageBox::warning(this,tr("warningDialog"),tr("cannot stop in advance!"),QMessageBox::Abort);
    if(ret3==QMessageBox::Abort) qDebug()<<tr("Warning!");

    int ret4=QMessageBox::critical(this,tr("criticalDialog"),tr("Error!Close all!"),QMessageBox::YesAll);
    if(ret4==QMessageBox::YesAll) qDebug()<<tr("Error!");

    QMessageBox::about(this,tr("aboutDialog"),tr("Welcome!"));
}

运行结果：
在这里插入图片描述

qDebug结果：
在这里插入图片描述

进度对话框

在.ui界面右键button，转到槽

//mywidget.cpp改动部分

#include<QProgressDialog>

void MyWidget::on_pushButton_7_clicked()
{
    //参数：对话框标签内容、取消按钮的显示文本、最小值、最大值、父窗口
    QProgressDialog dialog(tr("copyProgress"),tr("cancel"),0,50000,this);
    dialog.setWindowTitle(tr("progressDialog"));
    dialog.setWindowModality(Qt::WindowModal);
    dialog.show();
    for(int i=0;i<50000;i++){
        dialog.setValue(i);
        QCoreApplication::processEvents();
        if(dialog.wasCanceled()) break;
    }
    dialog.setValue(50000);
    qDebug()<<tr("Completed!");
}

在这里插入图片描述

在这里插入图片描述

错误信息对话框

//本段是有问题的示例代码，解决见下文
//mywidget.h添加类前置声明和私有对象

class QErrorMessage;
QErrorMessage *errordlg;

//mywidget.cpp改动部分

#include<QErrorMessage>

//构造函数
MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent),
    ui(new Ui::MyWidget)
{
    ui->setupUi(this);
    // 初始化 errordlg 对象
    errordlg=new QErrorMessage(this);
}

//析构函数
MyWidget::~MyWidget()
{
    delete ui;
    // 清理 errordlg 对象
    delete errordlg;
}


//在.ui界面右键button，转到槽

void MyWidget::on_pushButton_4_clicked()
{
    errordlg->setWindowTitle(tr("errormessageDialog"));
    errordlg->showMessage(tr("errorMessage!"));
}
已经解决：报错“重复定义”

在这里插入图片描述

//mywidget.h添加类前置声明和私有对象

// 前置声明 QErrorMessage 类
class QErrorMessage;

class MyWidget : public QWidget
{
    Q_OBJECT

public:
    explicit MyWidget(QWidget *parent = nullptr);
    ~MyWidget();

private slots:
	//若干个槽，此处省略
    void on_pushButton_clicked();

private:
    Ui::MyWidget *ui;
    // 在这里添加私有对象指针!!!
    QErrorMessage *errordlg;
};

运行结果：
在这里插入图片描述
默认有一个’Show this message again’复选框，勾选后点击OK返回8个button界面，再次点击“错误信息对话框”，仍会弹出这个框；取消勾选后，点击“错误信息对话框”无反应

向导对话框

//mywidget.h

#include<QWizard>

private:
    Ui::MyWidget *ui;
    QWizardPage *createPage1();
    QWizardPage *createPage2();
    QWizardPage *createPage3();

//mywidget.cpp改动部分

QWizardPage * MyWidget::createPage1()
{
    QWizardPage *page=new QWizardPage;
    page->setTitle(tr("Introduction"));
    return page;
}

QWizardPage * MyWidget::createPage2()
{
    QWizardPage *page=new QWizardPage;
    page->setTitle(tr("Choose"));
    return page;
}

QWizardPage * MyWidget::createPage3()
{
    QWizardPage *page=new QWizardPage;
    page->setTitle(tr("Result"));
    return page;
}

//在.ui界面右键button，转到槽

void MyWidget::on_pushButton_8_clicked()
{
    QWizard wizard(this);
    wizard.setWindowTitle(tr("guideDialog"));
    wizard.addPage(createPage1());
    wizard.addPage(createPage2());
    wizard.addPage(createPage3());
    wizard.exec();
}

运行结果：
在这里插入图片描述

其他窗口部件

QFrame类族

QFrame是带边框的部件的基类，主要通过边框形状和阴影的组合，实现边框效果
帮助文档的效果图：
在这里插入图片描述
其中，lineWidth是边框边界线的宽度，midLineWidth是在边框额外插入的线的宽度（为了形成3D效果）
书中的表格：
在这里插入图片描述
在这里插入图片描述

QLabel

新建Qt Widget项目myframe，选择基类QWidget，类名MyWidget
打开mywidget.ui，拖用Frame，右下角属性栏更改如下：
在这里插入图片描述
此时Frame如图：
在这里插入图片描述
等效的方式：

//mywisget构造函数内部

    ui->frame->setFrameShape(QFrame::Box);
    ui->frame->setFrameShadow(QFrame::Sunken);
    ui->frame->setLineWidth(5);
    ui->frame->setMidLineWidth(10);

拖用Label，将其拖大些，右下角属性栏更改如下：
在这里插入图片描述
此时界面如图：
在这里插入图片描述

//mywisget构造函数内部添加

    QFont font;
    font.setFamily("华文行楷");
    font.setPointSize(20);
    font.setBold(true);
    font.setItalic(true);
    ui->label->setFont(font);

    QString string =tr("too long,need omitting");
    //elidedText()的参数：要省略的文本、省略号出现的位置、文本的长度（单位是像素）
    QString str=ui->label->fontMetrics().elidedText(string,Qt::ElideRight,200);
    ui->label->setText(str);

运行结果：
在这里插入图片描述
再添加一行：

    ui->label->setPixmap(QPixmap("D:/wj.png"));

运行结果：图片覆盖原来的文本
在这里插入图片描述

QLCDNumber（液晶数字）

.ui界面拖用LCDNumber，右下角属性栏改为：
在这里插入图片描述

构建后运行，多了一个液晶显示屏如下：
在这里插入图片描述

QtackedWidget（部件栈）

.ui拖用List Wisget，右键选择“编辑项目”，左下角“绿色加号”添加如下：
在这里插入图片描述
拖用Stacked Widget，再拖用Label到Stacked Widget里面，编辑文本为firstPage，点击Stacked Widget右上角箭头，再拖用Label到里面，编辑文本为secondPage（若结果对应关系相反，见下文）
在这里插入图片描述
右下角更改Stacked Widget属性栏如下：

在这里插入图片描述
在“编辑信号与槽”模式牵红线，更改如下：
在这里插入图片描述

已经解决：运行结果对应关系相反

Stacked Widget具有栈的特性，编辑Label时，先写secondPage，再写firstPage

运行结果：
在这里插入图片描述
在这里插入图片描述

QToolBox（层叠窗口抽屉）

.ui拖用Tool Box，右键选择“插入页”，每个页的右下角属性栏更改如下：
frameShape为Box；currentItemText分别为“好友”、“黑名单”、“陌生人”
在这里插入图片描述

运行结果：
在这里插入图片描述

按钮部件

QPushButton

新建Qt Widget项目mybutton，选择基类QWidget，类名MyWidget

.ui拖用3个Push Button，右下角属性栏更改如图，数字分别为1，2，3
在这里插入图片描述
继续更改属性栏：Button1的checkable勾选，Button2的flat勾选
其中checkable属性具有两个状态：选择or未选中；flat属性按钮不显示边框

Button1转到槽，选择toggled(bool)如下：
在这里插入图片描述

//mywidget.cpp添加如下：
#include<QDebug>

void MyWidget::on_pushButton_1_toggled(bool checked)
{
    qDebug()<<tr("Push or not:")<<checked;
}

运行时，按下Button1，会显示：“Push or not:” true，但再按一下会显示：“Push or not:” false，无限循环

//mywidget.cpp继续在构造函数中添加如下：

#include<QMenu>

    ui->pushButton_1->setText(tr("&nihao"));
    ui->pushButton_2->setText(tr("help(&H)"));
    ui->pushButton_2->setIcon(QIcon("D:/wx.png"));
    ui->pushButton_3->setText(tr("z&oom"));
    QMenu *menu=new QMenu(this);
    menu->addAction(QIcon("D:/txqq.png"),tr("Enlarge"));
    ui->pushButton_3->setMenu(menu);

其中字母前加“&”符号，可以设置按下该按钮的快捷键为alt+该字母，如案例中分别为alt+n、alt+h、alt+o
运行结果：
在这里插入图片描述

QGroupBox、QCheckBox、QRadioButton

.ui拖用两个Group Box，文本改为“复选框”、“单选框”
“复选框”中拖入3个Check Box，文本改为“跑步”、“踢球”、“游泳”；“游泳”的右下角属性栏tristate勾选
tristate勾选后，具有3个状态：“不改变”、“选中”、“未选中”
“单选框”中拖入3个Radio Button，文本改为“优秀”、“一般”、“不好”
运行结果：
在这里插入图片描述

QLineEdit

新建Qt Widget项目mylineedit，选择基类QWidget，类名MyWidget

.ui拖用4个Label和Line Edit如图，右下角属性栏Line Edit的objectName为lineEdit_1、2、3、4
在这里插入图片描述

显式模式

lineEdit_1继续更改属性的显示模式为Password，其中Normal为显式文本显示、NoEcho为不显示文本、Password显示为小黑点/星号、PasswordRchoOnEdit在编辑时为显式，其他情况为密码模式
在这里插入图片描述
运行结果：
在这里插入图片描述

输入掩码

lineEdit_2的属性inputMask中编辑如下：

AA-90-bb! aa#H;*

书中掩码字符表：
在这里插入图片描述
转到returnPressed()槽

//mywidget.cpp添加部分

#include<QDebug>

void MyWidget::on_lineEdit_2_returnPressed()
{
    ui->lineEdit_3->setFocus();
    qDebug()<<ui->lineEdit_2->text();
    qDebug()<<ui->lineEdit_2->displayText();
}

运行结果：
在这里插入图片描述

qDebug()输出：
“DD-10-01 dd#d”
“DD-10-01 dd#d”

输入验证
//mywidget.cpp构造函数添加部分

#include<QIntValidator>

    //添加验证器，只能输入100~999
    QValidator *validator=new QIntValidator(100,999,this);
    ui->lineEdit_3->setValidator(validator);

运行结果：
在这里插入图片描述
若输入大于999，则只取前3位；若输入小于100，则qDebug()不显示；只有100~999之间正常

自动补全
//mywidget.cpp构造函数添加部分

#include<QCompleter>

    QStringList wordList;
    wordList<<"Qt"<<"Qt Creator"<<tr("hello");
    QCompleter *completer=new QCompleter(wordList,this);
    completer->setCaseSensitivity(Qt::CaseInsensitive);
    ui->lineEdit_4->setCompleter(completer);

运行结果：输入Q，自动提示补全
在这里插入图片描述

QAbstractSpinBox

新建Qt Widget项目myspinbox，选择基类QWidget，类名MyWidget

.ui拖用Time Edit、Date Edit、Date/Time Edit
Time Edit 的 displayFormat属性改为如下，即12小时制
Date Edit 勾选 calendarPopup，即使用弹出的日历设置日期

hh:mm:ssA

//mywidget.cpp构造函数添加部分

    ui->dateTimeEdit->setDateTime(QDateTime::currentDateTime());
    ui->dateTimeEdit->setDisplayFormat(tr("yyyy.MM.dd.ddd HH:mm:ss"));

运行结果：
在这里插入图片描述

QSpinBox、QDoublrSpinBox

.ui拖用Spin Box和Double Spin Box
属性栏，前缀prefix可以是￥，后缀suffix可以是%，decimals是小数点后的位数

运行结果：
在这里插入图片描述

QAbstractSlider

新建Qt Widget项目myslider，选择基类QWidget，类名MyWidget
拖用刻度表盘Dial(中圆)、Horizontal Scroll Bar(左)、Vertical Scroll Bar(上)、Horizontal Slider(右)、Vertical Slider(下)、Spin Box(左下)
Dial属性栏最下面的wrapping勾选为首尾相连，notchesVisible勾选为显式刻度
牵红线Dial的sliderMoved(int)与其他5个部件的setValue(int)
在这里插入图片描述
运行结果：转动中间的刻度表盘Dial，其他部件都随之变化
在这里插入图片描述

参考书目

Qt Creator快速入门第三版

本章代码及使用方法

本章代码

遇到各种提示都点“OK”或者“Yes”（主要是关于版本的兼容性提示）

遇到如下问题的解决方法：
在这里插入图片描述
在“项目”模式的“Build & Run”点击“绿色加号”（任选一个），再回到“编辑”模式
在这里插入图片描述
直接点击“绿色箭头”即可运行
在这里插入图片描述
该方法同样适用于打开Qt Creator自带的“欢迎”界面的案例项目

B.D.S.
关注
专栏目录
PyQt5.QtWidgets常用函数及说明
学习历程记录和分享
06-19 453
PyQt5.QtWidgets 是 PyQt5 库中的一个模块，它包含了用于创建图形用户界面（GUI）的各种小部件（widgets）。这些小部件可以用来构建窗口、对话框、按钮、文本框、列表框、菜单等用户界面元素。以下是一些常用的 PyQt5.QtWidgets 模块中的类和它们的基本用途：管理 GUI 应用程序的控制流和主要设置。每个 PyQt5 应用程序都需要一个 QApplication 对象。QWidget所有用户界面对象的基类。一个 QWidget 对象可以是一个窗口或控件，可以包含其他控件。
Qt-窗口部件
Ezra1991的博客
08-09 940
窗口部件 基础窗口部件QWidget QWidget类是所有用户界面对象的基类，被称为基础窗口部件。 窗口与子部件： #include&lt;QtWidgets&gt; int main(int argc, char *argv[]) { QApplication a(argc, argv); //新建QWidget类对象，默认parent参数是0，所有它是个窗口 ...
QT窗口部件
萌小差
01-09 452
对于《QT+Creator快速入门》这本书的第三章讲的就是QT的窗口部件，我就是跟着书一步一步来学习的。 首先就是基础窗口部件QWidget，我的学习方法就是：我现在不懂，没关系，跟着书中的例子一步一步的来学习，把代码敲进去，慢慢体会。以下是程序调试时的一个例子。myWidget。 接下来就是对话框QDialog了。 对于模态和非模态的理解就是：模态是关闭子对话框后父对话框才会显示出来，...
【QT】窗口|菜单栏|菜单项|工具栏|状态栏|浮动窗口
最新发布
m0_67367079的博客
07-20 1480
当然，也可以添加其它widget空间，来达到"永久消息"的效果，比如添加label标签。状态栏是一个输出简要信息的区域，一般位于主窗口底部，一个窗口只能有一个状态栏；() (我们创建项目时如果勾选了.ui文件的自动创建)，我们不需要在堆上。只需要在创建菜单项的时候，菜单项的名字后面加个（&+添加的快捷键即可）在创建工具栏的同时，也可以设置工具栏的位置，默认位置是在窗口的最上面;创建，而且这一方式也会造成本身携带的造成内存泄露：(因为，当我们自己。，位于主窗口顶部，主窗口标题下的位置;
Qt窗口部件
m0_73443478的博客
02-13 232
qt窗口部件
Qt——窗口部件
waterMelon_eater的博客
02-18 357
对话框QDialog 模态和非模态对话框 模态对话框（不可交互） //方法一 //此方法只有当对话框被关闭的时候才会返回 QDialog dialog(this); dialog.exec(); //方法二 //此方法show()完以后马上把控制权交给调用者 QDialog *dialog = new QDialog(this); dialog-&amp;amp;amp;amp;gt;setModal(true);...
【Qt】窗口部件
yaolcc的博客
03-29 1713
QWidget、QMainWindow和QDialog的区别 类型 说明 QWidget QWidget类是所有用户界面对象的基类。 窗口部件是用户界面的一个基本单元：它从窗口系统接收鼠标、键盘和其它事件，并且在屏幕上绘制自己。每一个窗口部件都是矩形的，并且它们按Z轴顺序排列。一个窗口部件可以被它的父窗口部件或者它前面的窗口部件盖住一部分。 QMainWindow QMainWindow 类提供一个有菜单条、锚接窗口（例如工具条）和一个状态条的主应用程序窗口。主窗口通常用在提供一个大的中
qt窗口部件——其他窗口部件代码
04-09
3. QLineEdit 3.1 显示模式 3.2 输入掩码 3.3 输入验证 3.4 自动补全 4. QAbstractSpinBox 4.1 QDateTimeEdit 4.2 QSpinBox和QDoubleSpinBox 5. QAbstractSlider 6. 资源下载 ———————————————— 版权...
python3+PyQt5+Qt Designer实现堆叠窗口部件
09-20
在本示例中，我们将探讨如何使用Python3、PyQt5以及Qt Designer来实现堆叠窗口部件。 首先，了解堆叠窗口部件（QStackedWidget）的基本概念。QStackedWidget是一个容器部件，它可以包含多个其他部件，并且一次只...
pmg.rar_QT 自定义窗口_qt custom_qt 窗口_qt 管理系统_人事管理系统
09-24
在"pmg.rar"这个压缩包中，我们看到的是一个关于QT自定义窗口部件的实例，特别关注于QT的定制化窗口和管理系统，尤其是人事管理系统的应用。这涉及到几个重要的QT编程知识点，我会详细解释一下。 1. **QT自定义窗口...
Qt嵌入子Qt程序窗口到当前程序
06-27
- 使用`QStackedWidget`：`QStackedWidget`可以作为容器，将多个窗口作为其子部件，通过`addWidget()`方法添加子窗口，并通过`setCurrentWidget()`来切换显示。 - 使用`QLayout`：通过`QVBoxLayout`或`QHBoxLayout...
【QT】QT窗口部件
半生瓜のblog
01-16 944
QT窗口部件 默认部件基类 QT提供的默认部件基类包括QMainWindow、QWidget、和QDialog，这三个部件基类也是用的最多的。 QMainWindow是带有菜单栏、工具栏、状态栏的主窗口类，它有自己单独的布局。布局有一个中心区域，通常是标准的QT部件，也可以是定制的部件，且必须有一个中心小部件。setCentralWidget()方法可设置中心部件。 QWidget类是所有部件对象的基类，被称为基础窗口部件。 QWidget提供自我绘制和处理用户输入等基本功能，如接收鼠标、键盘和其他事件，并
QT窗口部件一
httpdrestart的博客
06-13 302
#ifndef MYWIDGET_H#define MYWIDGET_H#include &lt;QWidget&gt;namespace Ui {class mywidget;}class mywidget : public QWidget{ Q_OBJECTpublic: explicit mywidget(QWidget *parent = 0); ~mywidget();...
QT常见的窗口部件
小坤的博客
12-16 879
设置QT应用程序图标 1.将ico文件加入源文件目录 2.pro文件中加入下面模块 RC_FILE = myapp.rc-3.源目录中添加myappico.rc代码IDI_ICON1 ICON DISCARDABLE "myappico.ico"以上是使用msvc编译的方法，如果使用mingw的qmake的话直接在pro加上这句就行\color{HotPi
Qt学习：Qt窗口组件以及窗口类型
m0_49968063的博客
07-04 906
开发者可以根据项目需求创建独特的UI组件。Qt的窗口组件设计灵活，易于上手，并提供了高度的可定制化，使得构建功能强大的图形用户界面变得非常方便。
第三章 窗口部件——Qt
xiaobai06的博客
01-06 1098
类继承关系 第一节 基础窗口部件QWidget 1.窗口部件QWidget QWidget类是所有用户界面对象的基类，被称为基础窗口部件。 QWidget继承自QObject类和QPaintDevice类，其中QObject类是所有支持Qt对象模型（Qt Object Model）的Qt对象的的基类，QPaintDevice类是所有可以绘制的对象的基类。 2.窗口、子部件以及窗口类型 (1)窗口 把没有嵌入到其他部件中的部件称为窗口，一般的，窗口都有边框和标题栏。 QWidget *widget = ne
Qt应用程序设计（二）：窗口与部件
qq_34968572的博客
07-08 1392
一：基类继承表
Qt开发：Qt Widgets模块——QCalendarWidget类
热门推荐
一世豁然的专栏
05-21 1万+
QCalendarWidget类提供了一个基于每月的日历小部件，允许用户选择一个日期。头文件：#include &lt;QCalendarWidget&gt; qmake：QT += widgets继承：QWidget
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

B.D.S.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值