QT开发实例之常用控件（上）

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

目录

QT控件使用范例

设置窗口属性

为防止通过setWindowTitle 设置的窗口标题出现中文乱码的问题，需要将设置的参数进行一个转换，可以通过fromLocal8Bit 函数转换后就不会出现中文乱码的问题了。

learn::learn(QWidget *parent)
    : QMainWindow(parent)
    , bnt(nullptr)
{
    ui.setupUi(this);

    QString iconpath = "../Resource Files/WIN_20221114_17_56_03_Pro.jpg";
    //设置窗口标题
    setWindowTitle(QString::fromLocal8Bit("QT5.1窗口"));
    //设置窗口固定大小
    setMinimumSize(300, 300);
    setMaximumSize(300, 300);
    //设置窗口的背景颜色为红色
    this->setStyleSheet("background:red");
    //修改窗口的图标
    this->setWindowIcon(QIcon(iconpath));
}

字体形状窗体

将窗体背景色透明，根据图片形状显示窗体
在这里插入图片描述

void learn::SetLucency()
{
	//去掉标题栏
    this->setWindowFlags(Qt::FramelessWindowHint);
    //设置透明
    this->setAttribute(Qt::WA_TranslucentBackground, true);
    /*
		qss语句解释：
		background-image ：背景图片
		url(xxx)   填写文件路径
		background-repeat:no-repeat;  不平铺
	*/
    this->setStyleSheet("background-image:url(C:/Users/26961/Desktop/1.png); background-repeat:no-repeat;");
}

QPushButton 按钮

在窗体中创建按钮 A，点击按钮 A，改变文字为按钮 B。

#pragma once

#include <QtWidgets/QMainWindow>
#include "ui_learn.h"
#include <QPushButton>
#include <qtimer.h>
#include <qpoint.h>
#include <QDebug>
#include <QMouseEvent>  

class learn : public QMainWindow
{
    Q_OBJECT

public:

    learn(QWidget *parent = nullptr);
    ~learn();
    // 按钮移动
    void MovePushButton();
    //鼠标点击
    void PressMouseEvent(QMouseEvent* e);
    //鼠标松开
    void ReleaseMouseEvent(QMouseEvent* e);
    //鼠标移动
    void MoveMouseEvent(QMouseEvent* e);
    //设置透明
    void SetLucency();
    //修改按钮
    void ChangeButtonText();
private:
    Ui::learnClass ui;
    QPushButton* bnt;
    QPoint last; //记录鼠标最近一次的坐标点
};


void learn::ChangeButtonText()
{
    if (!bnt)
    {
        delete bnt;
        bnt = nullptr;
    }
    bnt = new QPushButton(QString::fromLocal8Bit("修改文本"), this);
    //设置按钮的原点和宽高
    bnt->setGeometry(QRect(100, 100, 100, 25));
    //注册按钮处理事件
    connect(bnt, &QPushButton::clicked, this, [=]() 
        {
            bnt->setText(QString::fromLocal8Bit("按钮已经修改"));
        });
}

QLabel

在窗体中创建 QLabel 标签显示“我是 QLabel”字样，红色加粗倾斜字体。

在这里插入图片描述

void learn::ChangeLabel()
{
	if (!label)
    {
        delete label;
        label = nullptr;
    }
	//指定父对象， 设置Qlable文本
    this->label = new QLabel(QString::fromLocal8Bit("我是QLabel"), this);
    this->setGeometry(QRect(100, 100, 100, 25));
    /*
        font-size:20px  字体大小
        color:red       设置颜色
        font-weight:bold 字宽
        font-style:italic 字体样式
    */
    //设置Qlable qss样式
    label->setStyleSheet("font-size:20px; font-weight:bold; font-style:italic");
}

QLineEdit 单行文本

对输入的密码会进行一个隐藏设置

在这里插入图片描述

void learn::ChangeLineEdit()
{
    if (!line)
    {
        delete line;
        line = nullptr;
    }
    this->line = new QLineEdit(this);
    //设置单行坐标和宽高
    line->setGeometry(QRect(100, 100, 300, 25));
    //设置单行文本样式
    line->setStyleSheet("font-size:20px; font-weight:bold; font-style:italic");
    //限制最大长度为12
    line->setMaxLength(12);

	//不可写设置
    //line->setEchoMode(QLineEdit::NoEcho);

    //对密码进行隐藏设置
    line->setEchoMode(QLineEdit::Password);
}

QComboBox 下拉列表框

在这里插入图片描述

void learn::AddCharActer()
{
    if (this->box) {
        delete box;
        box = nullptr;
    }
    box = new QComboBox(this);
    box->setGeometry(QRect(100, 100, 300, 25));
    QStringList str;
    str << QString::fromLocal8Bit("数学")
        << QString::fromLocal8Bit("语文")
        << QString::fromLocal8Bit("地理");
    
    box->addItems(str);
}

QFontComboBox 字体下拉列表框

在这里插入图片描述

void learn::AddFontComboBox() 
{
	//创建字体下拉列表
    fontbox = new QFontComboBox(this);
    fontbox->setGeometry(QRect(100, 125, 300, 25));
    
    bnt = new QPushButton(QString::fromLocal8Bit("选择"), this);
    bnt->setGeometry(QRect(100, 100, 300, 25));
    
    line = new QLineEdit(this);
    line->setGeometry(QRect(100, 150, 300, 25));
    connect(bnt, &QPushButton::clicked, this, [=]()
        {
        	//当选择按钮被点击时，自动更换line 的信息
            line->setText(fontbox->currentText());
        });
}

QSpinBox 控件

在这里插入图片描述

void learn::AddSpinBox() 
{
    spin = new QSpinBox(this);
    spin->setGeometry(QRect(100, 125, 300, 25));

    //设置取值范围
    spin->setRange(0,100);
    //设置初始值
    spin->setValue(0);

	//除了初始值这些可以被修改，除此之外所有的文本都不允许被修改
    //后缀
    spin->setSuffix(QString::fromLocal8Bit("元/斤"));
    //前缀
    spin->setPrefix(QString::fromLocal8Bit("苹果"));
}

QTimeEdit 时间控件

在这里插入图片描述

void learn::AddTimeEdit() 
{
    time = new QTimeEdit(this);
    time->setGeometry(QRect(100, 125, 300, 25));
    
    //获取系统时间
    QDateTime systime = QDateTime::currentDateTime();
    
    //获取时分秒以“：”号拆分赋予 list 数组
    QStringList list = systime.toString("h:m:s").split(":");
    //打印系统时间
    qDebug() << list;
    //将时分秒绑定控件
    time->setTime(QTime(list[0].toInt(), list[1].toInt()));
}

QDateEdit 日期控件

在这里插入图片描述

void learn::AddDateEdit()
{
    date = new QDateEdit(this);
    date->setGeometry(QRect(100, 150, 300, 25));
    //获取系统时间
    QDateTime time = QDateTime::currentDateTime();
    QStringList list = time.toString("yyyy-MM-dd").split("-");
    date->setDate(QDate(list[0].toInt(), list[1].toInt(), list[2].toInt()));
}

QScrollBar 滑动条控件

在这里插入图片描述

void learn::AddScrollBar() 
{
    this->setWindowFlags(Qt::FramelessWindowHint);
    this->ScrollBar = new QScrollBar(this);
    this->spin = new QSpinBox(this);
    //横显/竖显
    ScrollBar->setOrientation(Qt::Horizontal);
    //指定大小
    ScrollBar->setGeometry(QRect(50, 50, 180, 20));
    spin->setGeometry(QRect(50, 90, 100, 25));
    
    //控制条宽度
    ScrollBar->setPageStep(10);
    
    //随着scrollBar 按钮在不断的移动的过程中，spin控件会及时更新 scrollBar 的现值
    connect(ScrollBar, &QScrollBar::valueChanged, spin, [=]()
        {
            spin->setValue(ScrollBar->value());
        });
}

QRadioButton 单选按钮

在这里插入图片描述

void learn::AddRadioButton() 
{
    label = new QLabel(this);
    label->setText(QString::fromLocal8Bit("选择内容："));
    line = new QLineEdit(this);

    this->radioW = new QRadioButton(QString::fromLocal8Bit("女人") , this);
    this->radioM = new QRadioButton(QString::fromLocal8Bit("男人"), this);
    //设置默认选择radioW
    radioW->setChecked(true);

    //位置
    line->setGeometry(QRect(130, 100, 100, 25));
    radioM->setGeometry(QRect(50, 50, 50, 50));
    radioW->setGeometry(QRect(100, 50, 50, 50));
    label->setGeometry(QRect(50, 100, 100, 25));

    connect(radioW, &QPushButton::clicked, this, [=]()
        {
            //当radioW 被勾选之后，label设置为radioW
            if (sender() == radioW) {
                this->line->setText(radioW->text());
            }
        });

    connect(radioM, &QPushButton::clicked, this, [=]()
        {
            //当radioW 被勾选之后，label设置为radioW
            if (sender() == radioM) {
                this->line->setText(radioM->text());
            }
        });
}

QCheckBox 复选框

在这里插入图片描述

void learn::AddCheckBox() 
{
    checkbox1 = new QCheckBox(QString::fromLocal8Bit("语文"), this);
    checkbox2 = new QCheckBox(QString::fromLocal8Bit("数学"), this);
    checkbox3 = new QCheckBox(QString::fromLocal8Bit("英语"), this);
    
    checkbox1->setGeometry(QRect(50, 50, 50, 50));
    checkbox2->setGeometry(QRect(100, 50, 50, 50));
    checkbox3->setGeometry(QRect(150, 50, 50, 50));
    label = new QLabel(this);
    label->setText(QString::fromLocal8Bit("选择内容："));
    line = new QLineEdit(this);
    label->setGeometry(QRect(50, 100, 100, 25));
    line->setGeometry(QRect(130, 100, 100, 25));
    bnt = new QPushButton(QString::fromLocal8Bit("提交信息"), this);
    
    auto process = [&]() 
    {
        auto interval = QString::fromLocal8Bit("、");
        if (sender() == checkbox1) {
            line->insert(checkbox1->text() + interval);
        }
        if (sender() == checkbox2) {
            line->insert(checkbox2->text() + interval);
        }
        if (sender() == checkbox3) {
            line->insert(checkbox3->text() + interval);
        }
    };
    connect(checkbox1, &QCheckBox::clicked, this, process);
    connect(checkbox2, &QCheckBox::clicked, this, process);
    connect(checkbox3, &QCheckBox::clicked, this, process);
}
爱生活，爱代码
关注
专栏目录
QT自定义控件开发步骤
04-02
网上的资料比较分散，我整理了一下，方便参考使用。希望有所帮助。
qt开发常用控件
weixin_44480265的博客
05-14 318
空间名称依次如下：vertical layout: 垂直布局Horizontal layout: 水平布局Grid layout : 网格布局Form layout:表单布局Horizontal spacer：水平间隔vertical spacer：垂直间隔这些控件可以手动操作也可以代码操作，我这边只展示代码操作的方式。QGridLayout常用函数：setSpacing(int spacing) ：此函数将垂直和水平间距设置为spacing。
Qt实现自定义控件的两种方式之插件法(MinGw)
最新发布
m0_71489826的博客
08-10 1123
右键icons.qrc选择一个自己的图标，记得选完要保存注意，上面的步骤只是将自定义控件添加到mingw下的qt设计师中，并不在Qt Creater中打开Qt Creater，在帮助，关于qt中可以查看我们的Qt Creater版本这里可以看到我的qt是msvc2017,32位的，因为我是用mingw编译的插件，是肯定不可以的。
QT开发（六）——QT容器组件
weixin_34255055的博客
11-01 855
QT开发（六）——QT容器组件QT中有九种容器组件，分别是组合框QGroupBox、滚动区QScrollArea、工具箱QToolBox、选项卡QTabWidget、控件栈QWidgetStack、框架QFrame、组件QWidget、MDI窗口显示区QMdiArea、停靠窗口QDockWidget。一、QGroupBox分组框1、QGroupBox组件简介Q...
04 Qt常用开发控件详解
xuhc_zd的博客
07-10 1499
此控件夫分为行和列组成，能够将控件放入一个网状栅格中，每个控件占一格或多行多列。案例:(1)创建widget新项目(2)修改"widget.h"文件（3）修改"widget.cpp"文件。
QT开发（三） 常用控件介绍
cesheng3410的博客
04-07 2075
本文介绍了QT常用控件，并编写代码进行简单测试。
Qt5开发及实例-CH2201-a1.rar,QT5制作工具栏控件代码
09-15
在本实例中，我们主要探讨的是使用Qt5框架进行软件开发，特别是如何创建和使用工具栏控件（ToolBar）。工具栏通常在各种应用程序中作为快捷访问功能的区域，它允许用户快速触发常用的操作，比如保存、打开、撤销、...
C++Qt5开发实例大全
09-07
“控件应用”章节是Qt开发的核心部分，书中涵盖了Qt提供的各种常用控件，如QPushButton、QLabel、QLineEdit、QTextEdit、QPlainTextEdit等，这些控件用于实现用户交互。还有QComboBox、QFontComboBox等下拉列表框，...
Qt GUI图形图像开发之QT表格控件QTableView,QTableWidget复杂表头(多行表头) 及冻结、固定特定的行的详细方法与实例
08-19
Qt GUI图形图像开发之QT表格控件QTableView,QTableWidget复杂表头(多行表头) 及冻结、固定特定的行的详细方法与实例 在Qt GUI图形图像开发中，表格控件是非常常用的控件之一，QTableView和QTableWidget是Qt中两个...
Qt精美的常用自定义控件_qt 5.9.8_msvc2015_x32
10-23
无论是为了提升应用的用户体验，还是为了满足特定的业务需求，掌握自定义控件的制作技巧都是Qt开发者必备的技能之一。通过不断学习和实践，你也可以成为Qt控件设计的大师，创作出令人眼前一亮的界面元素。
Qt常用基础控件总结—按钮部件
qq_37464701的博客
05-09 1048
QAbstractButton 是个抽象类，该类是标准按钮 QPushButton、复选按钮 QCheckBox、单选按钮 QRadioButton、工具按钮 QToolButton 的父类，该类描述了按钮的一些共同功能，比如单击按钮发出的信号，按钮的状态等。注意：C++语法规定，不能创建抽象类的对象。
Qt中ActiveX控件开发程序示例
10-12
Qt框架下的ActiveX控件的开发的资料较少，该示例程序展示了Qt中OpenGL环境下开发ActiveX控件。开发环境是VS2008+Qt4.6.2+OpenGL，需要配置环境，点开程序可以编译运行；生成的控件名称是GLBox。欢迎大家交流，谢谢~
qt工业级控件
04-18
很好的qt控件，基本可以满足工业中各种功能的实现，仪表盘，进度条，图表，等多种控件，学qt必备
QT控件编程布局
04-06
QT控件编程布局电子书PDF button 案例解析
QT常用控件介绍
bloke_come的博客
07-26 4586
常用按钮 1、QPushButton 推动按钮 典型应用：确定(OK)、应用(Apply)、撤消(Cancel)、关闭(Close)、是(Yes)、否(No)和帮助(Help)等 该按钮是矩形的，并且通常显示一个文本标签来描述它的操作。标签中有下划线的字母(在此它的前面用“&”标明)表明快捷键，比如：QPushButton *pushbutton = new......
Qt的控件
small_planet的博客
06-16 181
一、QListWidgetlie'bian 1、PushButton
QT_ui常用控件
Cu_002的博客
04-29 1947
ui->listWidget->addItems（QStringList）可以一次性放入多个列表项，但不能设置对齐方式。根：ui->treeWidget->addTopLevelItem (QTreeWidgetItem*);ui->listWidget->addItem() 将列表项加载到控件中。工具按钮，常用于显示图片，可以通过调整按钮的类型来调整文字与图片的关系。设置两个按钮来控制，否则默认为打开第一页，且不会再运行窗口中进行翻页。添加图片：在属性栏中找到pixmap，在资源文件中添加图片。
Qt自定义控件实战：高级UI组件开发
James_CODER的博客
08-17 162
QProgressBar是Qt自带的进度条控件，可以用于显示操作的进度。但有时候我们需要一些特殊的进度条效果，比如圆形进度条、带文字的进度条等。自定控件是Qt框架的一个重要特性，它允许开发人员创建自己的控件来满足复杂的应用程序需求。本文将分享一些常见的自定义控件，并提供源代码示例。QSlider是Qt自带的滑动条控件，可以用于选择范围内的值。但有时候我们需要一些特殊的滑动条效果，比如带刻度、垂直方向的滑动条等。以上是两个简单的自定义控件实现，希望能对大家有所帮助。完整代码可以在我的Github上查看。
Qt控件精讲三：单元组件
yuxikuo_1的专栏
12-20 3225
Qt Creator有3种Item Widgets。如下图：
Qt5工具栏控件开发实例解析
资源摘要信息: "Qt5开发及实例-CH2201-a1.rar" 是一个专注于Qt5框架的软件开发教程资源包，包含了通过实例CH2201-a1展示的如何在Qt5中创建和操作工具栏控件的详细代码和相关说明。Qt5作为一套跨平台的应用程序和用户...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

爱生活，爱代码

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

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

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

打赏作者

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

抵扣说明：

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

余额充值