当前位置: 首页 > news >正文

Qt中的按钮组:QPushButton、QToolButton、QRadioButton和QCheckBox使用方法(详细图文教程)

在这里插入图片描述

💪 图像算法工程师,专业从事且热爱图像处理,图像处理专栏更新如下👇:
📝《图像去噪》
📝《超分辨率重建》
📝《语义分割》
📝《风格迁移》
📝《目标检测》
📝《图像增强》
📝《模型优化》
📝《模型实战部署》
📝《图像配准融合》
📝《数据集》
📝《高效助手》
📝《C++》
📝《Qt》


在这里插入图片描述

在 Qt 中,QPushButton、QToolButton、QRadioButton 和 QCheckBox 是常见的几种控件,它们用于不同的交互场景。下面是对这些控件的详细介绍和用法示例。

目录

  • 一、QPushButton - 普通按钮
  • 二、QToolButton - 工具按钮
    • 2.1 工具按钮添加图标
      • 2.1.1 添加图标到资源文件
        • 2.1.1.1 创建资源文件
        • 2.1.1.2 添加本地文件到资源文件中
      • 2.1.3 将图标添加到工具按钮前
      • 2.1.4 调整工具按钮前图标大小
    • 2.2 工具按钮显示图片
      • 2.2.1 显示图片
      • 2.2.2 调整显示图片大小
      • 2.2.3 显示图片后添加文字
      • 2.2.4 去除工具按钮中的白色背景
  • 三、QRadioButton - 单选按钮
    • 3.1 创建单选按钮
    • 3.2 单选框分组
    • 3.3 设置默认单选框
    • 3.4 单选框信号槽触发事件
  • 四、QCheckBox - 多选框
    • 4.1 创建多选框
    • ## 4.2 多选框设置半选状态
    • ## 4.3 通过checkStateChanged触发信号
    • ## 4.4 通过clicked触发信号
  • 五、总结

一、QPushButton - 普通按钮

QPushButton 是最常见的按钮控件,通常用于执行某个动作,如提交、保存、关闭等。

常用方法:

setText():设置按钮的文本。
setIcon():设置按钮的图标。
setEnabled():设置按钮是否启用。
setStyleSheet():设置按钮的样式。

QPushButton 适用于用户点击时触发某个操作,常用于提交表单、取消、确认等。

Qt软件中ui设计实现见下:

在这里插入图片描述

二、QToolButton - 工具按钮

QToolButton 是一个更为灵活的按钮,通常用于工具栏中,具有图标和文字等多种功能。它适用于在工具栏上显示小图标按钮,通常用于执行较简单的操作。

常用方法:

setIcon():设置按钮的图标。
setToolTip():设置按钮的提示文本。
setPopupMode():设置工具按钮的弹出模式。
setAutoRaise():设置按钮是否自动抬起。

QToolButton 更适合用于工具栏(QToolBar)中,用来显示工具按钮。

Qt软件中ui设计实现见下:

在这里插入图片描述

2.1 工具按钮添加图标

2.1.1 添加图标到资源文件

2.1.1.1 创建资源文件

工具按钮添加图标前,需要在项目工程路径中创建一个文件夹用于存放图标,将存放图标的文件夹添加到资源文件中,见下:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

2.1.1.2 添加本地文件到资源文件中

添加本地文件到资源文件中步骤见下:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

添加图标到资源文件中的最终样子见下:

在这里插入图片描述

2.1.3 将图标添加到工具按钮前

将图标添加到工具按钮前操作方法见下:

在这里插入图片描述

在这里插入图片描述

2.1.4 调整工具按钮前图标大小

调整工具按钮前图标大小的方法见下:

在这里插入图片描述

2.2 工具按钮显示图片

2.2.1 显示图片

工具按钮显示图片也是加载资源文件中的图片,方法见下:

在这里插入图片描述

在这里插入图片描述

2.2.2 调整显示图片大小

下面是调整显示图像的大小:

在这里插入图片描述

2.2.3 显示图片后添加文字

显示图片后添加文字的方法见下:

在这里插入图片描述

2.2.4 去除工具按钮中的白色背景

去除工具按钮中的白色背景方法见下:

在这里插入图片描述

三、QRadioButton - 单选按钮

QRadioButton 是一种单选控件,通常用于提供多个选择中的一种。单选按钮是互斥的,意味着同一时间只能选中一个按钮。

常用方法:

setText():设置按钮的文本。
setChecked():设置按钮是否选中。
isChecked():检查按钮是否被选中。

QRadioButton 常用于多个选项中选择一个,如在一组单选按钮中选择一个选项。

3.1 创建单选按钮

Qt软件中创建单选按钮的方法见下:

在这里插入图片描述

3.2 单选框分组

下面使用分组框,将各类单选框存放,见下:

在这里插入图片描述

运行界面效果见下:

在这里插入图片描述

3.3 设置默认单选框

当用户使用界面是,打开界面就有一组默认的单选框,设置方法见下:

在这里插入图片描述

上面查看好对应单选按钮的控件名称后,在widget.cpp脚本中添加代码,见下:

在这里插入图片描述

运行效果见下:

在这里插入图片描述

3.4 单选框信号槽触发事件

下面设计当选中性别中的女时,在终端输出一条信息,使用信号槽实现方法见下:

在这里插入图片描述

四、QCheckBox - 多选框

QCheckBox 是一种多选控件,允许用户进行选择与取消选择,通常用于设置项或者多选操作。

常用方法:

setText():设置按钮的文本。
setChecked():设置按钮是否选中。
isChecked():检查按钮是否被选中。

QCheckBox 常用于允许用户选择多个选项,适合用于设置、确认框等。

4.1 创建多选框

Qt软件中创建多选框的方法见下:

在这里插入图片描述

## 4.2 多选框设置半选状态

多选框设置半选状态的方法见下:

在这里插入图片描述

## 4.3 通过checkStateChanged触发信号

通过checkStateChanged触发信号的方法见下:

在这里插入图片描述

## 4.4 通过clicked触发信号

通过clicked触发信号见下:

在这里插入图片描述

五、总结

以上就是Qt中的按钮组:QPushButton、QToolButton、QRadioButton和QCheckBox使用方法,希望能帮到你!

感谢您阅读到最后!😊总结不易,多多支持呀🌹 点赞👍收藏⭐评论✍️,您的三连是我持续更新的动力💖

关注下面「视觉研坊」,获取干货教程、实战案例、技术解答、行业资讯!

http://www.lryc.cn/news/524519.html

相关文章:

  • influxdb+grafana+jmeter
  • Net Core微服务入门全纪录(三)——Consul-服务注册与发现(下)
  • leetcode 479. 最大回文数乘积
  • 独立搭建UI自动化测试框架
  • 62,【2】 BUUCTF WEB [强网杯 2019]Upload1
  • Spring Boot 整合 ShedLock 处理定时任务重复执行的问题
  • 常见Arthas命令与实践
  • Glide加载gif遇到的几个坑
  • STM32学习之通用定时器
  • MiniMax-Text-01——模型详细解读与使用
  • Redis的Windows版本安装以及可视化工具
  • tensorflow源码编译在C++环境使用
  • 第四届机器学习、云计算与智能挖掘国际会议
  • #漏洞挖掘# 一文了解什么是Jenkins未授权访问!!!
  • QT QListWidget控件 全面详解
  • 【Vim Masterclass 笔记25】S10L45:Vim 多窗口的常用操作方法及相关注意事项
  • 包文件分析器 Webpack Bundle Analyzer
  • 代码随想录day14
  • react19新API之use()用法总结
  • 67,【7】buuctf web [HarekazeCTF2019]Avatar Uploader 2(未完成版)
  • ANSYS HFSS 中的相控天线阵列仿真方法
  • stm32 L051 adc配置及代码实例解析
  • KUKA示教器仿真软件OfficeLite8.6.2,EthernetKRL3.1.3通信
  • Erlang语言的并发编程
  • 【数据挖掘实战】 房价预测
  • 我的创作纪念日,纪念我的第512天
  • 【科研建模】Pycaret自动机器学习框架使用流程及多分类项目实战案例详解
  • PHP语言的网络编程
  • 计算机的错误计算(二百一十八)
  • 《鸿蒙Next原生应用的独特用户体验之旅》