【QT】常用控件|widget|QPushButton|RadioButton|核心属性

已于 2024-07-03 18:16:16 修改
阅读量927 收藏 25
点赞数 21
CC 4.0 BY-SA版权
分类专栏： QT 文章标签： qt 开发语言 c++
于 2024-07-02 22:07:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_67367079/article/details/140134435

目录

​编辑

概念

信号与槽机制

控件的多样性和定制性 

核心属性 

enabled

geometry

​编辑 windowTiltle 

 windowIcon

windowOpacity

cursor

toolTip

styleSheet

PushButton

 RadioButton

checkBox

概念

QT 控件是构成图形用户界面（GUI）的基础组件，它们是实现与用户交互、展示信息、收集输入的关键元素。在使用Qt进行界面开发时，掌握这些基础控件的特性和用法，是构建高效、美观应用的前提。

信号与槽机制

信号与槽机制是QT的核心特性，这让控件间的通信变得简单而高效。我们可以轻松地将一个控件的事件（如按钮点击）连接到另一个控件或自定义函数上，实现复杂的交互逻辑。 

控件的多样性和定制性 

  • QT的控件库非常丰富，几乎涵盖了所有常见的界面元素,允许对控件进行定制，包括外观、行为和功能上的修改，以满足特定的设计需求。
  • 使用样式表（QSS）来改变控件的外观，类似于网页开发中的CSS。

核心属性 

属性作用
enabled设置控件是否可使⽤.true表示可用，false表示禁用
geometry位置和尺寸，包含x,y,width,height四个部分。坐标以父元素为参考设置

windowTitle

设置widget标题
windowIcon设置widget图标
windowOpacity设置widget透明度
cursor鼠标悬停时显示的图标形状，Qt Designer界面有很多可选项
font设置字体相关属性，涉及字体家族，字体大小，粗体，斜体，下划线等
toolTip鼠标悬停在widget上的提示信息
toolTipDuringtoolTip显示的持续时间

enabled

  • isEnabled():获取控件的可用状态
  • setEnabled:设置控件是否可用,true表示可用，false表示禁用

geometry

 

X坐标向右增加，Y坐标向下增加

  • geometry:获取当前控件的位置和尺寸
  • setGeometry(QRect):设置控件的尺寸和位置，可以接受一个整体参数，也可以分四个属性 
//设置目标按钮移动

void Widget::on_pushButton_up_clicked()
{
    //控制目标按钮往上移动

    //1.获取目标按钮的位置
    QRect rect = ui->pushButton_target->geometry();

    //2.更改位置信息
    ui->pushButton_target->setGeometry(rect.x(),rect.y()-5,rect.width(),rect.height());
    qDebug()<<"up";
}

void Widget::on_pushButton_left_clicked()
{
    //控制目标按钮左移动

    //1.获取目标按钮的位置
    QRect rect = ui->pushButton_target->geometry();

    //2.更改位置信息
    ui->pushButton_target->setGeometry(rect.x()-5,rect.y(),rect.width(),rect.height());
    qDebug()<<"left";
}

void Widget::on_pushButton_down_clicked()
{
    //控制目标按钮往下移动

    //1.获取目标按钮的位置
    QRect rect = ui->pushButton_target->geometry();

    //2.更改位置信息
    ui->pushButton_target->setGeometry(rect.x(),rect.y()+5,rect.width(),rect.height());
    qDebug()<<"down";
}

void Widget::on_pushButton_right_clicked()
{
    //控制目标按钮往右移动

    //1.获取目标按钮的位置
    QRect rect = ui->pushButton_target->geometry();

    //2.更改位置信息
    ui->pushButton_target->setGeometry(rect.x()+5,rect.y(),rect.width(),rect.height());
    qDebug()<<"right";
}

 windowTiltle 

this->setWindowTitle("这是标题");

 windowIcon

  • windowIcon():获取控件的窗口图标，返回QIcon对象
  • setWindowIcon(constQIcon& icon):设置控件的窗口图标

创建Qt-ResourceFile 文件，将其需要的图片导入

    // ： 该冒号使用的规则
    // /  是前缀，就是步骤1设置的，前缀什么样，这里就写什么 后面跟路径
    //    image.jpg  图片属性
QIcon icon(":/image.jpg");

windowOpacity

  • windowOpacity():获取控件的不透明值，返回float类型，取值范围：0.0~1.0。其中0.0表示全透明，1.0表示不透明
  • setWindowOpacity(float n): 设置不透明度数值

cursor

cursor():获取当前widget的cursor属性，返回QCursor对象，当鼠标悬停在widget上时，显示对应的形状

//设置了一个按钮 设置cursor   将设置为等待状态的形状
  button->setCursor(QCursor(Qt::WaitCursor));

font

  • font():获取当前widget字体信息，返回QFont对象
  • setFont(const QFont& font):设置当前widget字体信息
  • family:字体家族，比如宋体，黑体等
  • bold:是否加粗
  • italic:是否倾斜
  • underline：是否带下划线

....

 // 设置label 的⽂本内容
    ui->label->setText("这是⼀段⽂本");
    // 创建字体对象
    QFont font;
    
    // 设置字体家族
    font.setFamily("仿宋");
    
    // 设置字体⼤⼩
    font.setPointSize(20);
    
    // 设置字体加粗
    font.setBold(true);
    // 设置字体倾斜
    font.setItalic(true);
    
    // 设置字体下划线
    font.setUnderline(true);
    
    // 设置字体删除线
    font.setStrikeOut(true);
    
    // 设置字体对象到label 上
    ui->label->setFont(font);

toolTip

设置鼠标在widget悬停的提示说明；

setToolTipDuring:设置持续的时间

如图：

 //设置widget的提示信息
    ui->pushButton_library->setToolTip(" 重庆市图书馆");
    //设置提示信息持续时间
    ui->pushButton_library->setToolTipDuration(3000);

注意：这里的单位是1ms; 1s = 1000ms;z

styleSheet

设置文本样式

PushButton

表示一个按钮，继承自QAbstractButton.

属性说明
text

按钮中的文本

icon按钮中的图标
iconSize按钮中图标的尺寸
shortCut按钮对应的快捷键

需要设置图标时，依然创建.qrc文件，导入对应图片即可 

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

       //设置目标文件的图像和大小
    QIcon icon(":/image/target.png");
    ui->pushButton_target->setIcon(icon);
    ui->pushButton_target->setIconSize(QSize(60,60));

    //设置方向图标
    ui->pushButton_up->setIcon(QIcon(":/image/up.png"));
    ui->pushButton_left->setIcon(QIcon(":/image/left.png"));
    ui->pushButton_down->setIcon(QIcon(":/image/down.png"));
    ui->pushButton_right->setIcon(QIcon(":/image/right.png"));


    //设置快捷键
        //此方法容易出错，使用枚举
//    ui->pushButton_up->setShortcut(QKeySequence("w"));
//    ui->pushButton_left->setShortcut(QKeySequence("a"));
//    ui->pushButton_down->setShortcut(QKeySequence("s"));
//    ui->pushButton_right->setShortcut(QKeySequence("d"));

    ui->pushButton_up->setShortcut(QKeySequence(Qt::Key_W));
    ui->pushButton_left->setShortcut(QKeySequence(Qt::Key_A));
    ui->pushButton_down->setShortcut(QKeySequence(Qt::Key_S));
    ui->pushButton_down->setShortcut(QKeySequence(Qt::Key_D));

    //也可以设置组合快捷键
    //ui->pushButton_right->setShortcut(QKeySequence(Qt::CTRL+Qt::Key_D));
}

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


//设置目标按钮移动

void Widget::on_pushButton_up_clicked()
{
    //控制目标按钮往上移动

    //1.获取目标按钮的位置
    QRect rect = ui->pushButton_target->geometry();

    //2.更改位置信息
    ui->pushButton_target->setGeometry(rect.x(),rect.y()-5,rect.width(),rect.height());
    qDebug()<<"up";
}

void Widget::on_pushButton_left_clicked()
{
    //控制目标按钮左移动

    //1.获取目标按钮的位置
    QRect rect = ui->pushButton_target->geometry();

    //2.更改位置信息
    ui->pushButton_target->setGeometry(rect.x()-5,rect.y(),rect.width(),rect.height());
    qDebug()<<"left";
}

void Widget::on_pushButton_down_clicked()
{
    //控制目标按钮往下移动

    //1.获取目标按钮的位置
    QRect rect = ui->pushButton_target->geometry();

    //2.更改位置信息
    ui->pushButton_target->setGeometry(rect.x(),rect.y()+5,rect.width(),rect.height());
    qDebug()<<"down";
}

void Widget::on_pushButton_right_clicked()
{
    //控制目标按钮往右移动

    //1.获取目标按钮的位置
    QRect rect = ui->pushButton_target->geometry();

    //2.更改位置信息
    ui->pushButton_target->setGeometry(rect.x()+5,rect.y(),rect.width(),rect.height());
    qDebug()<<"right";
}

 RadioButton

单选按钮，具有排他属性，可以在多个选项选个一个

当然也可以将多个单选按钮设组，不同组的单选按钮不影响

checkable:是否能选择

checked:是否已经被选中

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

    //设置默认按钮
    ui->radioButton_male->setChecked(true);
    ui->label->setText("默认选择男性");

   //禁用其它按钮         //该选项，禁用按钮，但还是点击后会触发该按钮事件
    //ui->radioButton_other->setCheckable(false);

    //选择setEnabled 是更为彻底的禁用方式，不会显示出发按钮事件
    ui->radioButton_other->setEnabled(false);
}

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


void Widget::on_radioButton_male_clicked()
{
    //点击该单选按钮，设置性别为男
    ui->label->setText("你选择的性别是：男性");
}

void Widget::on_radioButton_female_clicked()
{
    //点击该单选按钮，设置性别为女
    ui->label->setText("你选择的性别是：女性");
}

void Widget::on_radioButton_other_clicked()
{
    //点击该单选按钮，设置性别为其它
    ui->label->setText("你选择的性别是：其它");

   // qDebug()<<"其它";
}

 

checkBox

复选按钮，可以选择多个

void Widget::on_pushButton_clicked()
{
    //chuan构建一个QString对象，来接受label标签文本信息
    QString rect = ui->label->text();
    
    //检查各个按钮是否被执行
    if(ui->checkBox_study->isChecked())
    {
        rect+=ui->checkBox_study->text() + " ";
    }
    if(ui->checkBox_game->isChecked())
    {
        rect+=ui->checkBox_game->text() + " ";
    }
    if(ui->checkBox_work->isChecked())
    {
        rect+=ui->checkBox_work->text() + " ";
    }
    
    //将接受后的信息，赋给label
    ui->label->setText(rect);

}

Qt常用控件
c爱好
04-23 1385
# Qt常用控件按钮组QPushButtonQToolButtonQRaidoButtonQCheckBox 按钮组 QPushButton QPushButton的添加图片。iocn->添加资源文件->显示效果为：前面icon后面文字。一般用来添加文字。 QToolButton QToolButton的添加图片。iocn->添加资源文件->显示效果ToolButton...
QT常用控件
qq_61422622的博客
06-05 2223
对于QT窗口的开发，QT本身已经为我们内置了许多控件，我们直接就可以拿来用，不过我们需要对这些控件了解清除。Widget 是 Qt 中的核⼼概念. 英⽂原义是 "⼩部件", 我们此处也把它翻译为 "控件" . 控件是构成⼀个图形化界⾯的基本要素。按钮, 列表视图, 树形视图, 单⾏输⼊框, 多⾏输⼊框, 滚动条, 下拉框等, 都可以称为 "控件". Qt 作为⼀个成熟的 GUI 开发框架, 内置了⼤量的常⽤控件. 这⼀点在 Qt Designer 中就可以看到端倪。2.QWidget 核⼼属性。
Qt 常用控件和属性
weixin_42193704的博客
02-19 2622
SpinBox 数值显示框 可显示double类型的qdoubleSpinBox Dial 表盘式数值输入组件 Qslider 滑动条有垂直水平两种 ProgressBar QLCDNumber 可以通过函数 digitCount（）设置显示的数的位数 smallDecimalPoint（） 是否有小数点 小数点也算一位 mode（） 显示的进...
QT常见显示类控件及其属性
m0_73933978的博客
04-18 1036
通过这个类创建的对象，会产生一个timeout信号，可以通过statrt的方式来开启定时器，并在参数中设定timeout信号的触发周期，结合connect将timeout信号绑定到label的槽函数中，通过结合timeout信号好槽函数来实现lable值每秒减一。但是此时若是对widget窗口进行调整，就会使widget大小改变，而在构造函数中将widget大小设置进label是一次性的，一旦程序运行起来后，窗口发生变化时，label的大小是不会改变的，从而使label中的图片和窗口不嵌合。
【QT】常用控件（概述、QWidget核心属性、按钮类控件、显示类控件、输入类控件、多元素控件、容器类控件、布局管理器）
Elena's Blog
07-23 9419
QWidget 核心属性。
【Qt】：常用控件（二：QWidget核心属性）
m0_73790767的博客
04-01 1569
cursor,font,tooltip,focuspolicy,stylesheet的使用
【Qt设计中常见控件、布局选项和属性详解】
qq_43326668的博客
05-26 2798
Qt是一种跨平台的应用程序开发框架，由Qt Company开发。它提供了丰富的工具和功能，用于开发图形用户界面（GUI）应用程序。Qt采用C++编写，并提供了多种语言的绑定，如Python、Java等，使开发者能够在不同的操作系统上使用相同的代码。Qt的设计理念是"写一次，到处运行"，这意味着开发者可以在不同的平台上部署他们的应用程序，包括Windows、macOS、Linux等。
QT之常用控件
m0_64028711的博客
05-23 2013
目前我们了解了QT项目中大部分常用的控件，以及其属性、信号和方法，也算是正式入门Qt了。不过本文并没有将所有的方法都写出来，不过实际上都挺简单的，各位使用到不熟的控件可以自行搜索用法。
Qt——常用控件
2303_78442132的博客
11-06 1610
Qt、控件
【QT5】＜总览三＞ QT常用控件
致力于Linux的博客
06-05 1703
​承接【QT5】＜总览二＞ QT信号槽、对象树及样式表。若存在版权问题，请联系作者删除！
Qt桌面应用开发 第五天（常用控件 自定义控件）
m0_53349772的博客
11-18 1114
要求：选中“环境优雅“”时，输出“选择环境优雅”；取消“环境优雅“”时，输出“取消环境优雅”；半选“环境优雅“”时，输出“半选环境优雅”存储多个子窗口，每个抽屉可以设置图标和标题，并且对应一个子窗口，通过抽屉按钮可以实现各个子窗口显示的切换。注意：CheckBox通过stateChanged这个信号来判断按钮的选择状态，0未选中，1半选，2全选。堆栈窗口控件，只有一个子窗口是可见的，其他子窗口被隐藏，可通过切换显示不同的子窗口。要求：默认默认选择男的；选择女的之后，输出“选择女”滚动条，水平/垂直滚动条。
tableWidget里面嵌入多个radiobutton并判断其状态
12-07
tableWidget里面嵌入多个radiobutton并判断其状态
QT | 常用控件
最新发布
2302_78381559的博客
05-04 2182
目录一、Qt 控件体系概述二、QWidget 核心属性详解2.1 属性概览2.2 重要属性案例分析qrc机制：三、各类控件深度解析与应用3.1 按钮类控件​编辑3.1.1 Push Button3.1.2 Radio Button3.1.3 Check Box3.1.4 Tool Button3.2 显示类控件3.2.1 Label3.2.2 LCD Number3.2.3 ProgressBar3.2.4 Calendar Widget3.3 输入类控件3.3.1 Line Edit3.3.2 Text
Qt的常用控件
QtCompany的博客
02-09 405
QWidget与QFrame，QMenu与QMenuBar，QToolBar，QStatusBar等...
＜Qt＞ 常用控件
weixin_61522065的博客
08-03 1177
Widget是Qt中的核心概念，英文原义是"小部件"，此处将其翻译为"控件控件是构成一个图形化界面的基本要素，如按钮、列表视图、树形视图、单行输入框、多行输入框、滚动条、下拉框等都可以称为"控件"：Qt作为一个成熟的GUI开发框架，内置了大量的常用控件。这一点可以在QT Designer中看出端倪：并且Qt也提供了"自定义控件"的能力，可以在现有控件不能满足需求时，对现有控件做出扩展，或者自定义出新的控件。
Qt 控件属性
u012830675的博客
12-02 1062
【代码】Qt 控件属性。
Qt控件种类介绍及属性分析（一）
weixin_44640149的博客
12-29 2717
Qt是一款C++图形用户界面应用程序开发框架，可以绘制好看的用户交互界面。Qt可以跨平台使用，为目前较为热门的集成开发环境，其使用的语言C++拥有运行速度快，逻辑清晰的优点。Qt支持目前使用的各种操作平台，面向对象，具有丰富的api，受到广大开发人员的青睐，市面上大量程序都是由qt编写而成。 通过Qt的ui绘制功能，我们可以绘制出优美的图形交互界面，界面由各个控件组成，即qt widgets，如何选用合适的widgets并合理改变控件的属性是绘制一个界面的重要前提，本博客目的在于收集总结qt控件的功能和属
QT常用控件介绍
bloke_come的博客
07-26 4710
常用按钮 1、QPushButton 推动按钮 典型应用：确定(OK)、应用(Apply)、撤消(Cancel)、关闭(Close)、是(Yes)、否(No)和帮助(Help)等 该按钮是矩形的，并且通常显示一个文本标签来描述它的操作。标签中有下划线的字母(在此它的前面用“&”标明)表明快捷键，比如：QPushButton *pushbutton = new......
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值