QT常用GUI类库(基础代码)

最新推荐文章于 2024-04-18 15:50:44 发布
最新推荐文章于 2024-04-18 15:50:44 发布
阅读量1.3k 收藏 10
点赞数 3
分类专栏： QT 文章标签： qt 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Qingyuanlong/article/details/129756553
版权

QT常用GUI类库

一. 介绍

在QT中有很多供我们使用的类,我在这里给大家列举了我们常用的类,一下讲解全部采用写代码的方式展示给大家,每个模块的效果图会放在代码之前,供大家参考选择

二. 布局管理器

1. 绝对布局

将位置固定在某一个位置
#include <QPushButton>     //按钮所需头文件

在这里插入图片描述

    bt1 = new QPushButton("1", this);
    bt2 = new QPushButton("2", this);
    bt3 = new QPushButton("3", this);

    //设置按钮的位置  x:起始位置的x值 y:起始位置的y值 w:宽 h:高
    //bt1->setGeometry(int x,int y, int w, int h);
    bt1->setGeometry(100, 100, 200, 20);
    bt2->setGeometry(200, 200, 200, 20);
    bt3->setGeometry(100,100,200,20);
    bt3->move(20, 20);  //移动到对应坐标位置

2. 自动布局

2.1 水平

将三个按钮水平布局

在这里插入图片描述

	#include <QHBoxLayout>       //头文件
	
    bt1 = new QPushButton("1", this);
    bt2 = new QPushButton("2", this);
    bt3 = new QPushButton("3", this);

    //1. 水平
    QHBoxLayout *hbox = new QHBoxLayout; //构造一个水平管理器
    //将按钮按顺序加入水平管理器
    hbox->addWidget(bt1);
    hbox->addWidget(bt2);
    hbox->addWidget(bt3);
    this->setLayout(hbox);  //将布局贴在当前界面上

2.2 垂直

将三个按钮垂直布局

在这里插入图片描述

	#include <QVBoxLayout>
	
    bt1 = new QPushButton("1", this);
    bt2 = new QPushButton("2", this);
    bt3 = new QPushButton("3", this);

    //2. 垂直
    QVBoxLayout *vbox = new QVBoxLayout; //构造一个水平管理器
    //将按钮按顺序加入垂直管理器
    vbox->addWidget(bt1);
    vbox->addWidget(bt2);
    vbox->addWidget(bt3);
    this->setLayout(vbox);  //将布局贴在当前界面上

2.3 栅格

类似二维数组,网格形状

在这里插入图片描述

	#include <QGridLayout>
	
    bt1 = new QPushButton("1", this);
    bt2 = new QPushButton("2", this);
    bt3 = new QPushButton("3", this);
    bt4 = new QPushButton("4", this);


    //3. 栅格
    QGridLayout *gbox = new QGridLayout; //构造一个水平管理器
    //将按钮按顺序加入垂直管理器

    gbox->addWidget(bt1, 0, 0);   // 0行0列
    gbox->addWidget(bt2, 1, 1,3,2);
    gbox->addWidget(bt3, 1, 2, 2, 1);   //1行2列,占2行,占1列
    gbox->addWidget(bt4,3,3);
    bt3->setFixedHeight(50);
    this->setLayout(gbox);  //将布局贴在当前界面上

2.4 布局嵌套

在这里插入图片描述

    bt1 = new QPushButton("1", this);
    bt2 = new QPushButton("2", this);
    bt3 = new QPushButton("3", this);
    bt4 = new QPushButton("4", this);

    //4. 布局嵌套
    QHBoxLayout *hbox = new QHBoxLayout;   //3 4 水平布局
    hbox->addWidget(bt3);
    hbox->addStretch(); //加弹簧
    hbox->addWidget(bt4);
    QVBoxLayout *vbox = new QVBoxLayout;   //1 2 (3 4) 垂直布局
    vbox->addWidget(bt1);
    vbox->addWidget(bt2);
    vbox->addLayout(hbox);
    setLayout(vbox);

三. 按钮

1. 普通按钮

在这里插入图片描述

	#include <QPushButton>   //头文件

    /*普通按钮*/
    pb = new QPushButton("普通按钮");
    pb->setText("你好");                      //设置按钮文字
    pb->setIconSize(QSize(100, 100));        //设置图标大小
    pb->setIcon(QIcon(":/hello.jpg"));       //设置图标
    pb->setMinimumSize(100, 100);            //设置最小大小
    pb->setMaximumSize(200, 200);            //设置最大大小

2. 工具按钮

类似Qt Creator右下角的运行代码按钮

在这里插入图片描述

	#include <QToolButton>     //头文件

    /*工具按钮*/
    tb = new QToolButton;
    tb->setText("工具按钮");
    tb->setIcon(QIcon(":/icon/播放.png"));   //设置图标

3. 单选按钮

只能选择其中一个选项

在这里插入图片描述

	#include <QRadioButton>    //头文件

    /*单选按钮*/
    rb = new QRadioButton("A");
    rb1 = new QRadioButton("B");

4.多选按钮

可以同时选择多个选项

在这里插入图片描述

	#include <QCheckBox>
	
    /*复选按钮*/
    cb = new QCheckBox("A");
    cb1 = new QCheckBox("B");
    cb2 = new QCheckBox("C");

5. 命令按钮

按钮链接到其他软件

在这里插入图片描述

	#include <QCommandLinkButton>

    /*命令按钮*/
    cmdb = new QCommandLinkButton("启动计算器");
    connect(cmdb, &QCommandLinkButton::clicked, [&](){
        QProcess *p = new QProcess;
        p->execute("calc");
    });

四. 输入部件

1. 标签

1.1 文字标签

固定显示内容,没有按钮效果
在这里插入图片描述

	#include <QLabel>   //头文件
	
    //文字标签
    lb_text = new QLabel("我是一个文字标签");
    lb_text->setAlignment(Qt::AlignCenter); //设置对齐方式

1.2 图片标签

固定显示图片

在这里插入图片描述

	#include <QLabel>   //头文件
		
    //图片
    lb_pix = new QLabel;
    lb_pix->setMaximumSize(100, 100);       //设置最大大小
    lb_pix->setScaledContents(true);        //设置自动缩放显示
    lb_pix->setPixmap(QPixmap("C:\\Users\\26640\\Pictures\\Saved Pictures\\hello.jpg"));

1.3 动画标签

可以讲gif动图设置成动画标签,让label动起来

在这里插入图片描述

	#include <QLabel>   //头文件
	#include <QMovie>

    //动画
    lb_gif = new QLabel;
    lb_gif->setMaximumSize(200, 100);
    lb_gif->setScaledContents(true);          //设置自动缩放显示
    QMovie *m = new QMovie("D:\\ikun.gif");   //读取动图,存放到一个电影类中
    m->start();                               //播放电影
    lb_gif->setMovie(m);                      //标签设置该电影类

2. 文本浏览器

可以识别 html 语法

在这里插入图片描述

	#include <QTextBrowser>
	
    /* 文本浏览器 */
    tb = new QTextBrowser;
    tb->setText("<!DOCTYPE html>\
                <html>\
                <head>\
                <meta charset=\"utf-8\">\
                <title>菜鸟教程(runoob.com)</title>\
                </head>\
                <body>\
                <h1>我的第一个标题</h1>\
                <p style=\"background-color:rgb(255,255,0)\">我的第一个段落。</p>\
                </body>\
                </html>");

3. 进度条

类似下载进度条,如果设置定时器,可以实现让进度条每一秒加1

在这里插入图片描述

	#include <QProgressBar>
	#include <QTimer>
	
	/* 进度条*/
    pbr =  new QProgressBar;
    pbr->setRange(0, 100);     //设置进度条范围
    pbr->setValue(36);

    QTimer *t = new QTimer;
    connect(t, &QTimer::timeout, [&](){     //lambda表达式
        static int x = 0;
        pbr->setValue(x);                   //设置进度条数值Value
        x++;
    });
    t->start(1000);                         //1000毫秒,一秒触发一次

4. 仿七段数码管

在这里插入图片描述

	#include <QLCDNumber>
	#include <QTimer>

    /* 仿七段数码管 */
    lcd = new QLCDNumber;
    lcd->setMinimumHeight(100);
    lcd->setDigitCount(20);

    QTimer *t = new QTimer;
    connect(t, &QTimer::timeout, [&](){     //lambda表达式
        static int x = 0;
        lcd->display(x);                   //设置数码管数值
        x++;
    });
    t->start(1000);                         //1000毫秒,一秒触发一次

5. 日历窗口

上面是一个七段数码管,实现点击日历中的日期,并在数码管中显示

在这里插入图片描述

	#include <QLCDNumber>
	#include <QCalendarWidget>
	
    /* 仿七段数码管 */
    lcd = new QLCDNumber;
    lcd->setMinimumHeight(100);
    lcd->setDigitCount(20);

    /* 日历窗口*/
    cd = new QCalendarWidget;
    connect(cd, &QCalendarWidget::clicked, [&](QDate d){
        lcd->display(d.toString("yyyy-MM-dd"));
    });

五. 输出部件

1. 行编辑框

类似登录时输入账号,密码这类输入框

在这里插入图片描述

  	#include <QLineEdit>
  	
    /*行编辑框*/
    lineedit = new QLineEdit;
    lineedit->setPlaceholderText("密码");        //设置提示
    lineedit->setEchoMode(QLineEdit::Password); //设置回显模式

2. 文本编辑框

在这里插入图片描述

	#include <QTextEdit>
	
	/* 文本编辑框 */
    textedit = new QTextEdit;
    textedit->setText("");        //设置文本框中的内容
    textedit->toPlainText();      //获取文本框中的内容

3. 下拉框

3.1 普通下拉框

下拉框可以选择其他一个,这里实现选择下拉框中的内容,追加显示到文本编辑框中

在这里插入图片描述

	#include <QComboBox>
	#include <QTextEdit>
	
	/* 文本编辑框 */
    textedit = new QTextEdit;
    textedit->setText("");        //设置文本框中的内容
    textedit->toPlainText();      //获取文本框中的内容

    /* 下拉框 */
    combobox = new QComboBox;
    combobox->addItem("成都");
    combobox->addItem("北京");
    combobox->addItem("上海");
    connect(combobox, SIGNAL(activated(QString)), textedit, SLOT(append(QString)));

3.2 字体下拉框

选择文本编辑框中的内容,再选择字体

在这里插入图片描述

	#include <QTextEdit>
	#include <QFontComboBox>

    /* 文本编辑框 */
    textedit = new QTextEdit;
    textedit->setText("哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈");        //设置文本框中的内容
    textedit->toPlainText();      //获取文本框中的内容

    /* 字体下拉框*/
    fontcombobox = new QFontComboBox;
    connect(fontcombobox, SIGNAL(currentFontChanged(QFont)), textedit, SLOT(setCurrentFont(QFont)));

4. 自旋框

将自旋框中的内容打印到文本编辑框中,可以上下实现增减

在这里插入图片描述

	#include <QTextEdit>
	#include <QSpinBox>
	
	/* 文本编辑框 */
    textedit = new QTextEdit;
    textedit->setText("");        //设置文本框中的内容
    textedit->toPlainText();      //获取文本框中的内容

    /* 自旋框 */
    spinbox = new QSpinBox;
    connect(spinbox, SIGNAL(valueChanged(QString)), textedit, SLOT(append(QString)));

5. 旋钮

旋动旋钮,进度条随着旋钮变化

在这里插入图片描述

	#include <QProgressBar>
	#include <QDial>
	
	/* 进度条*/
    pbr =  new QProgressBar;
    pbr->setRange(0, 100);     //设置进度条范围

    /* 旋钮 */
    dial = new QDial;
    connect(dial, SIGNAL(valueChanged(int)), pbr, SLOT(setValue(int)));

6. 滚动条

实现拖动滚动条,进度条也随之变化

在这里插入图片描述

	#include <QScrollBar>
	#include <QProgressBar>

	/* 进度条*/
    pbr =  new QProgressBar;
    pbr->setRange(0, 100);     //设置进度条范围

    /* 滚动条 */
    scrollbar = new QScrollBar;
    scrollbar->setOrientation(Qt::Horizontal); //放置方式 水平？垂直
    connect(scrollbar, SIGNAL(valueChanged(int)), pbr, SLOT(setValue(int)));

7. 滑动杆儿

拖动滑动杆,进度条随之变化

在这里插入图片描述

	#include <QSlider>
	#include <QProgressBar>

	/* 进度条*/
    pbr =  new QProgressBar;
    pbr->setRange(0, 100);     //设置进度条范围

    /* 滑动杆儿 */
    slider = new QSlider;
    slider->setOrientation(Qt::Horizontal); //放置方式 水平？垂直
    connect(slider, SIGNAL(valueChanged(int)), pbr, SLOT(setValue(int)));
YouthaG
关注
  • 3
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于Qt框架的UI库QtitanRibbon
weixin_53077062的博客
07-06 126
QtitanRibbon是一个基于Qt框架的Ribbon风格UI库，它为开发者提供了创建具有现代化、直观且功能强大的Ribbon风格界面的能力。
最简单易用的Qt 界面库插件 FTStyle for Qt4 (Windows)
12-26
最简单易用的Qt 界面库插件 FTStyle for Qt4 (Windows)，向您展示使用 FTStyle 后软件界面的完美效果
最简单易用的Qt 界面库插件 FTStyle for Qt5 (Windows)
12-26
最简单易用的Qt 界面库插件 FTStyle for Qt5 (Windows)，向您展示使用 FTStyle 后软件界面的完美效果
QT GUI编程详解
最新发布
Admans的专栏
04-18 318
1.1.1. 什么是QT一堆C++/python类库（GUI类，network，。。。。。。免费开源优良的跨平台特性：Qt支持下列操作系统: Windows、 Linux、 Solaris、Sun0sS、 FreebSD、BSD/S、SCO、AIX、0S390、QNX、 android等等面向对象-QT的良好封装机制使得Qt的模块化程度非常高,可重用性较丰富的APIQt包括多达500个以上的C++大量的开发文档文件对话框( QFile Dialog)
界面库选型——Qt
flyoxs的专栏
06-01 1万+
界面库选型——Qt的一些Key point
QtGui库
zhengjiatao2002的博客
01-09 189
PyQt6中的QtGui库
QT GUI总结
热门推荐
henreash的专栏
11-03 2万+
QT提供了设计师工具，可以很方便的使用鼠标拖拽的方式绘制界面。绘制完毕后自动生成一个界面的.h文件（如ui_mainwindow.h），其中含有一个自动生成的Ui_MainWindow类，这个类中核心的函数是setupUi，根据界面向导的不同里面接收一个QWidget *参数或者QMainWindow *参数。这个函数会自动在传入的QWidget或QMainWindow上根据设计师绘制的界面创建可
Qt 界面库
C++实习生
06-25 843
https://github.com/laserpants/qt-material-widgets
C++GUI Qt4编程源代码
10-08
**C++ GUI Qt4编程源代码** C++ GUI Qt4编程是面向开发人员的一个关键领域，特别是对于那些希望创建具有图形用户界面的应用程序的人来说。Qt4是一个强大的跨平台应用程序开发框架，由Qt公司（现在是The Qt Company...
C++ GUI Qt4 第五章代码自敲
08-22
在本资源中，"C++ GUI Qt4 第五章代码自敲"是一个关于学习和复习C++使用Qt库创建图形用户界面（GUI）的项目。这个项目特别关注Qt的第五章内容，这部分可能包含了Qt GUI编程的一些核心概念和技术，如事件处理、窗口...
三、Qt核心与Qt类库.zip
03-02
在“三、Qt核心与Qt类库.zip”这个压缩包中，我们可能找到了一系列关于Qt学习的示例代码或教程。尽管没有提供具体的文件内容，但我们可以根据文件名“test04、test03、test05、test06”推测它们可能是逐步进阶的示例...
Qt类库参考
11-25
Qt类库参考 qt中文参考手册，包含大量的qt 类接口等使用方法
QT.rar_GUI_QT
09-21
在C++ GUI编程中，QT提供了一套丰富的类库，使得开发者可以方便地构建功能丰富的用户界面。这些类包括窗口、按钮、文本输入框、菜单等基本UI元素，还有图表、网络通信、数据库访问等功能模块。QT库的设计理念是面向...
Qt常用片段代码库
步步天明的专栏
03-29 592
1.Qt中QString,int,char,QByteArray之间相互转换 2.QT获取系统当前时间 [cpp] view plain copy  print? #include       QDateTime dt;     QTime time;     QDate date;     dt.setTime(time.curr
qt-常用代码
yonggandess的博客
08-10 1215
1.获取时间差 QTime startTime = QTime::currentTime(); QTime endTime = QTime::currentTime(); int nElspsed = m_rButtontime.msecsTo(endTime); 2.注册signal和slot数据类型 qRegisterMetaType<QList<QString>>("QList<QString>"); 3.用数组和stl的时候一定要判断是...
qt 类库
baidu_16370559的博客
07-16 950
qt的元对象系统（meta-oject system）提供信号槽、运行时类型信息、动态属性系统。 元对象系统由3部分组成 1. qoject 类是所有使用元对象系统的类的基类。 2.在一个类的private部分声明Q_OBJECT宏，使类可以使用元对象的特性，如动态属性、信号槽。 3.MOC（元对象编译器）为每个QObject的子类提供必要的代码实现元对象系统的特性。 moc的作用就是讲qt特性的程序转换为标准c++兼容的形式。 元对象类是QMetaObject, 调用QObject::met.
一个简单的 Qt GUI 程序
狂人风子
07-14 911
一个简单的 Qt GUI 程序 // main.cpp #include #include "MainWindow.h" MainWindow *g_mwMainWindow; int main(int argc, char **argv) { int res; QApplication a(argc, argv); g_mwMainWindow=new MainWindow(NULL); g_mwMainWindow->s
Qt GUI 模块
know yourself
11-23 2410
在core模块之上，就是最为重要的GUI模块了。Qt4中只有QtGui模块，UI相关的功能都封装在一起。Qt5中拆分为GUI、Widget两个模块。GUI模块提供桌面系统集成，事件处理，OpenGL/Vulkan，基础图像，字体等功能。通过链接1 可知，GUI模块的class 是相当少的。但是，它们却是Qt 界面技术的核心。我们甚至可以不使用Qt Widget 模块，也能做出来符合设计的UI功...
【Qt】Qt的GUI设计与制作（上篇：常用控件、布局）
Yngz_Miao的博客
11-14 1万+
基础控件 笼统地讲，Qt控件主要分为三大种类： 基础控件（Basic Widget）：按钮（Button）、下拉列表框（Combo Box）、滚动（Scroll）等可直接使用的控件； 组合控件（Organizer Widget）：分割（Splitter）、选项卡（Tab Bar）、按钮组（Button Group）等组合控件； 抽象控件类（Abstract Widget Class）：基本...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值