QT：核心控件-QWidget

于 2024-05-01 22:14:24 发布
阅读量1.6k 收藏 8
点赞数 17
分类专栏： QT 知识总结 文章标签： qt5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_73899585/article/details/138323812
版权

文章目录

控件

什么是控件？

在这里插入图片描述
如上所示，就是控件，而本篇要做的就是对于这些控件挑选一些比较有用的常用的进行讲解分析

在QT的右侧，会有对应的空间属性，那么下面就依照内容的属性来进行一一分析：

在这里插入图片描述

enable

在这里插入图片描述
该按钮表示的是是否可用，如果是出于可用就是可用，而禁用就是不能用，也就意味着这个控件不能接收任何输入等，而且也会显示一个灰色的字样，表示的是这个子元素被禁用，下面用代码演示

#include "widget.h"
#include "ui_widget.h"
#include <QPushButton>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->pushButton->setEnabled(false);
    connect(ui->pushButton, &QPushButton::clicked, this, &QWidget::close);
}

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

在这里插入图片描述

objectName

在这里插入图片描述
在这里插入图片描述依据这个原理，就可以实现一个用按钮进行切换可用状态

在这里插入图片描述

#include "widget.h"
#include "ui_widget.h"
#include <QPushButton>
#include <QDebug>

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

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


void Widget::on_pushButton_clicked()
{
    qDebug() << "执行了槽函数";
}

void Widget::on_pushButton_enable_clicked()
{
    // 获取到状态，再切换状态
    bool status = ui->pushButton->isEnabled();
    ui->pushButton->setEnabled(!status);
}

geometry

该单词的意思是，几何学，几何的意思，因此这个属性是和坐标向关联的

这个单词可以看成是四个属性的统称，例如有x，y，width，height

在这里插入图片描述
move和setGeometry？

move是来修改位置的，而后者都可以修改，包括位置和尺寸等

下面用一个例子来进行理解：

在这里插入图片描述
现在根据这个界面，对于上面的按钮进行位置移动：

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>

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

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

void Widget::on_pushButton_up_clicked()
{
    // 把空间信息拿出来
    QRect rect = ui->pushButton_target->geometry();
    // 把y改一下
    rect.setY(rect.y() - 5);
    ui->pushButton_target->setGeometry(rect);
}

void Widget::on_pushButton_right_clicked()
{
    // 把空间信息拿出来
    QRect rect = ui->pushButton_target->geometry();
    // 把x改一下
    rect.setX(rect.x() + 5);
    ui->pushButton_target->setGeometry(rect);
}

void Widget::on_pushButton_down_clicked()
{
    // 把空间信息拿出来
    QRect rect = ui->pushButton_target->geometry();
    // 把y改一下
    rect.setY(rect.y() + 5);
    ui->pushButton_target->setGeometry(rect);
}

void Widget::on_pushButton_left_clicked()
{
    // 把空间信息拿出来
    QRect rect = ui->pushButton_target->geometry();
    // 把x改一下
    rect.setX(rect.x() - 5);
    ui->pushButton_target->setGeometry(rect);
}

那如何实现一个平移的效果呢？

在这里插入图片描述
只需要都替换为这样的写法即可

setWindowTitle

在QT中可以使用这个属性来进行窗口的名字设置：

#include "widget.h"
#include "ui_widget.h"
#include <QPushButton>

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

    // 对窗口的名字进行设置
    this->setWindowTitle("更改Windows名字");

    // 对按钮的名字进行设置
    QPushButton* button = new QPushButton(this);
    button->setWindowTitle("更改按钮名字");
}

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

在这里插入图片描述
不过值得注意的是，虽然没有报错，但是实际上是不可以对于按钮进行设置的，从名字可以看出这个函数是用来对于窗口进行设置的，使用这个函数进行设置按钮是无效的，虽然不报错，但是确实无效

opacity

这个属性是用来进行透明度设置的，具体如下

首先在ui界面中，增加两个按钮选项

在这里插入图片描述
下面进行如下设置，对这两个选项进行槽函数设置和一些其他设置

#include "widget.h"
#include "ui_widget.h"

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

    ui->pushButton_add->setText("增加透明度");
    ui->pushButton_del->setText("减少透明度");
}

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


void Widget::on_pushButton_add_clicked()
{
    // 对于透明度进行增加
    float opacity = this->windowOpacity();
    this->setWindowOpacity(opacity + 0.1);
}

void Widget::on_pushButton_del_clicked()
{
    // 对透明度进行减少
    float opacity = this->windowOpacity();
    this->setWindowOpacity(opacity - 0.1);
}

在这里插入图片描述

cursor

设置鼠标悬停时的形状

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->pushButton->setText("按钮");
    ui->pushButton->setCursor(QCursor(Qt::WaitCursor));
}

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

而这个悬停时显示的图标，其实也可以进行自定义设置，这里我先选取一张图片

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->pushButton->setText("按钮");

    // 读取到这个图片信息
    QPixmap pixmap(":/pet.png");
    // 缩放图片
    pixmap.scaled(10, 10);
    // 把这个设置到按钮中，并且更改热点位置
    ui->pushButton->setCursor(QCursor(pixmap, 10, 10));
}

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

Font

这个内容主要是针对于标签中文字的属性来进行设置的，例如我们要设置字体为仿宋，20号大小，加粗倾斜，加下划线和删除线：

#include "widget.h"
#include "ui_widget.h"
#include <QLabel>

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

    QLabel* label = new QLabel(this);
    label->setText("这是一段文字");

    QFont font;
    font.setFamily("仿宋");
    font.setPointSize(20);
    // 加粗
    font.setBold(true);
    // 倾斜
    font.setItalic(true);
    // 加下划线
    font.setUnderline(true);
    // 加删除线
    font.setStrikeOut(true);

    // 再把这个字体设置到label中
    label->setFont(font);
}

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

在这里插入图片描述

tooltip

这个模块主要是来设置的是关于悬浮到一个按钮上的提示词的问题

在这里插入图片描述

#include "widget.h"
#include "ui_widget.h"

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

    // 设置悬浮提示
    ui->pushButton_yes->setToolTip("这是yes按钮");
    ui->pushButton_yes->setToolTipDuration(3000);

    ui->pushButton_no->setToolTip("这是no按钮");
    ui->pushButton_no->setToolTipDuration(7000);
}

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

styleSheet

简单来说就是设置文本样式，我们通过一个设置日间和黑夜模式来理解这个功能

在这里插入图片描述

在这里插入图片描述

#include "widget.h"
#include "ui_widget.h"

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

    // 对按钮的文本进行设置
    ui->pushButton_dark->setText("夜间模式");
    ui->pushButton_light->setText("日间模式");

    // 设置一下背景板
    this->setStyleSheet("background-color: #333");

    // 设置一下文本框和按钮
    ui->textEdit->setStyleSheet("background-color: #333; color: #fff");
    ui->pushButton_dark->setStyleSheet("color: fff");
    ui->pushButton_light->setStyleSheet("color: #333");
}

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


void Widget::on_pushButton_dark_clicked()
{
    // 点击夜间模式，那么背景板应该是黑色，字体应该是白色
    this->setStyleSheet("background-color: #000; color: #fff");

    // 按钮也是黑色
    ui->pushButton_dark->setStyleSheet("color: #fff");
    ui->pushButton_light->setStyleSheet("color: #fff");
}

void Widget::on_pushButton_light_clicked()
{
    // 点击日间模式，那么背景板是白色，字体应该是黑色
    this->setStyleSheet("background-color: #fff; color: #000");

    // 按钮也是白色
    ui->pushButton_dark->setStyleSheet("color: #000");
    ui->pushButton_light->setStyleSheet("color: #000");
}
海绵宝宝de派小星
关注
  • 17
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
QT-QWidget实现去除原边框，自定义边框（最大化、最小化、关闭按钮）、可拆分窗口部件、拖动窗体和缩放、样式表美化部件窗口
06-15
QT_QWidget实现去除原边框，自定义边框（最大化、最小化、关闭按钮）、可拆分窗口部件（由用户使用时自由拖动部件尺寸）、拖动窗体和缩放（窗体四周都可以拉伸缩放）、样式表美化部件窗口、解决QMouseEvent触发事件...
Qt常用的控件widgets-例程
05-30
Qt常用的控件widgets-例程： 本程序使用了Qt中一系列常用的widgets，值得好好研究 来学习常用控件的使用。
Qt总结二十一：Qt控件一（QWidget）
YBAdiam的博客
01-15 1837
构造函数 QWidget(QWidget *parent = 0, Qt::WindowFlags f = 0);    其中参数 parent 指向父窗口，如果这个参数为 0，则窗口就成为一个顶级窗口        参数 f 是构造窗口的标志，主要用于控制窗口的类型和外观等，有以下常用值。  Qt::FramelessWindowHint：没有边框的窗口。  Qt::WindowSta...
QWidget焦点策略：Qt::FocusPolicy
友善啊，朋友的博客
03-22 3441
此枚举类型定义了小部件在获取焦点方面可以拥有的各种策略。 1、Qt::TabFocus：通过按下Tab键获取焦点（这时候鼠标点击获取不到焦点的）。 2、Qt::ClickFocus：鼠标点击获取焦点。 3、Qt::StrongFocus：通过Tab键和鼠标点击获取焦点。 4、Qt::WheelFocus：通过Tab键、鼠标点击、鼠标滚轮按下获取焦点。 5、Qt::NoFocus：不接受焦点。 ...
Qt6.5类库详解：QWidget
20YC编程
12-13 1353
介绍QWidget主要功能和特点描述，信号和属性和状态等；通过代码演示QWidget各种使用功能，包括虚函数、 界面重绘、窗口控制和 tooltip 工具提示等；最后完整示例演示QWidget各种自定义风格显示。
Qt自定义控件------SwitchButton
屁股大象的博客
06-13 4434
简介 SwitchButton是非常普遍实用的按钮，Qt里面竟然没有Switch着实让我惊讶，所以只能自己实现了。 效果 下面放效果图 控件拆分 一、控件大体有两部分组成，一个是背景，一个是白色的滑块。原本背景是想用QWidget然后直接设置圆角的，然后发现效果很差。所以背景改成QPainter来绘制，拆分为2个180°的圆弧和一个矩形。 二、背景 = 左圆弧 + 矩形 + 右圆弧。有两种做法，一种就是字面上的做法，通过drawArc画两个圆弧，drawLine画上下两条线，然后填充。另外的简单粗暴做法就
Qt：53---Widget组件的自定义与提升(promoted)
热门推荐
董哥的黑板报
08-25 1万+
一、什么是自定义Widget组件 Qt的UI设计器提供了很多GUI设计的界面组件，可以满足常见的界面设计需求。但是某些时候需要设计特殊的界面组件，而在UI设计器的组件面板里没有合适的组件，这时就需要设计自定义的界面组件 二、如何设计自定义的Widget组件 所有组件的基类是QWidget，要设置自定义的界面组件，可以从QWidget继承一个自定义的类，重定义其paintEvent()事件，利用...
QT---QWidget等控件之间的距离设置
路在脚下，Quick run!
01-13 2146
Qt Designer中的设置： 效果：
QT5::总结篇 QWidget
weixin_30809173的博客
07-10 928
一.简介 Widget 窗口主要是在上面放置布局和控件,可以嵌入到主窗体中 二.窗体框架 // widget.h #ifndef WIDGET_H #define WIDGET_H #include <QWidget> namespace Ui { class Widget; } class Widget : public...
Qt编写自定义控件：开关控件
友善啊，朋友的博客
01-08 1371
效果： 代码： #ifndef WIDGET_H #define WIDGET_H #include <QWidget> #include <QTimer> QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAMESPACE class Widget : public QWidget { Q_OBJECT public: Widget(QWidget *parent = nullp..
QT中QWIDGET动态增加控件
u011555996的博客
05-27 8066
QPushButton *btn = new QPushButton(this); btn->show(); QPushButton* buttonTest=new QPushButton();//动态创建按钮 buttonTest->setText("手动添加1111111"); buttonTest->setParent(this);//设置父控件，有此步骤不需show也可显示 buttonTest->setGeometry(100,100,100,20); .
QT自定义控件-饼状图（含源码和demo）
08-24
继承QWIDGET实现的自定义饼图，效果跟echarts中的差不多
QT自定义控件-动态水球图（含源码和demo）
08-26
基于QWidget实现的水球图控件
QT widget控件自适应窗口大小，修改比例
04-22
QT widget控件自适应窗口大小，修改比例
基于matlab实现人工免疫算法的解决TSP问题的方法
最新发布
05-21
基于matlab实现人工免疫算法的解决TSP问题的方法，体现了免疫算法在进化计算过程中的抗原学习、记忆机制、浓度调节机制以及多样性抗体保持策略等优良特性.rar
麦肯锡图表绘制培训.pptx
05-21
麦肯锡图表绘制培训.pptx
Java_Android的自由轻量级流媒体前端.zip
05-21
Java_Android的自由轻量级流媒体前端
node-v18.20.2-linux-arm64
05-21
node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64
华为的OD(Organizational Development)
05-21
华为的OD(Organizational Development)
c++ qt 动态添加控件 获得Qwidget中 Qlineedit 的text
06-11
动态添加控件后，你可以使用`QObject::findChild()`函数来查找指定名称的子控件，然后再使用`QLineEdit`的`text()`函数获取文本内容。示例代码如下： ```cpp // 动态添加 QLineEdit 控件 QLineEdit *lineEdit = new QLineEdit(this); lineEdit->setObjectName("myLineEdit"); // 查找 QLineEdit 控件，并获取文本内容 QLineEdit *foundLineEdit = this->findChild<QLineEdit*>("myLineEdit"); if (foundLineEdit != nullptr) { QString text = foundLineEdit->text(); qDebug() << "Text in lineEdit: " << text; } else { qDebug() << "Cannot find lineEdit!"; } ``` 其中，`this`指代当前的父控件对象。注意，你需要在添加控件时为其指定一个独一无二的对象名（Object Name），这样才能通过`QObject::findChild()`函数查找到该控件。如果你要查找的控件是在另一个父控件中，你需要将`this`替换成正确的父控件对象。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

海绵宝宝de派小星

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

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

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

打赏作者

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

抵扣说明：

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

余额充值