Qt6入门教程 13：QPushButton

目录

一.QPushButton

1.多选

2.互斥

3.设置菜单

4.图标按钮

4.1给按钮添加图标

4.2异形按钮

二.设置Qt样式表

一.QPushButton

QPushButton是与QAbstractButton最接近的完全体按钮，它具备QAbstractButton的所有特性，并且支持设置菜单。

1.多选

#include <QApplication>
#include <QMainWindow>
#include <QPushButton>
#include <QHBoxLayout>
#include <QDebug>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QMainWindow w;
    w.setWindowTitle("https://blog.csdn.net/caoshangpa");
    QWidget *centralWidget = new QWidget();
    QHBoxLayout *hLayout = new QHBoxLayout();
    QPushButton *button1 = new QPushButton();
    button1->setText("button1");
    button1->setCheckable(true);
    button1->setStyleSheet("QPushButton{"
                           "background: rgb(128, 128, 128);"
                           "border: 1px solid rgb(50, 50, 50);"
                           "color: white;"
                           "width: 60px;"
                           "height: 30px;}"
                           "QPushButton:hover{"
                           "background: rgb(150, 150, 150);}"
                           "QPushButton:pressed{"
                           "background: rgb(100, 100, 100);}"
                           "QPushButton:checked{"
                           "background: blue;}");

    QPushButton *button2 = new QPushButton();
    button2->setText("button2");
    button2->setCheckable(true);
    button2->setStyleSheet("QPushButton{"
                           "background: rgb(128, 128, 128);"
                           "border: 1px solid rgb(50, 50, 50);"
                           "color: white;"
                           "width: 60px;"
                           "height: 30px;}"
                           "QPushButton:hover{"
                           "background: rgb(150, 150, 150);}"
                           "QPushButton:pressed{"
                           "background: rgb(100, 100, 100);}"
                           "QPushButton:checked{"
                           "background: blue;}");

    QPushButton *button3 = new QPushButton();
    button3->setText("button3");
    button3->setCheckable(true);
    button3->setStyleSheet("QPushButton{"
                           "background: rgb(128, 128, 128);"
                           "border: 1px solid rgb(50, 50, 50);"
                           "color: white;"
                           "height: 30px;}"
                           "QPushButton:hover{"
                           "background: rgb(150, 150, 150);}"
                           "QPushButton:pressed{"
                           "background: rgb(100, 100, 100);}"
                           "QPushButton:checked{"
                           "background: blue;}");

    hLayout->addWidget(button1);
    hLayout->addWidget(button2);
    hLayout->addWidget(button3);
    centralWidget->setLayout(hLayout);
    w.setCentralWidget(centralWidget);

    w.resize(400, 200);
    w.show();
    return a.exec();
}

QSS

QPushButton{
    background: rgb(128, 128, 128);
    border: 1px solid rgb(50, 50, 50);
    color: white;
    width: 60px;
    height: 30px;
}
QPushButton:hover{
    background: rgb(150, 150, 150);
}
QPushButton:pressed{
    background: rgb(100, 100, 100);
}
QPushButton:checked{
    background: blue;
}

2.互斥

只需在“多选”的基础上，对每个按钮设置

button->setAutoExclusive(true);

 

3.设置菜单

#include <QApplication>
#include <QMainWindow>
#include <QPushButton>
#include <QPainter>
#include <QHBoxLayout>
#include <QMenu>
#include <QDebug>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QMainWindow w;
    w.setWindowTitle("https://blog.csdn.net/caoshangpa");
    QWidget *centralWidget = new QWidget();
    QHBoxLayout *hLayout = new QHBoxLayout();
    QPushButton *button1 = new QPushButton();
    button1->setText("button1");
    button1->setStyleSheet("QPushButton{"
                           "background: rgb(128, 128, 128);"
                           "border: 1px solid rgb(50, 50, 50);"
                           "color: white;"
                           "width: 100px;"
                           "height: 30px;"
                           "text-align: left center;"
                           "padding-left: 10px;}"
                           "QPushButton:hover{"
                           "background: rgb(150, 150, 150);}"
                           "QPushButton:pressed{"
                           "background: rgb(100, 100, 100);}"
                           "QPushButton:checked{"
                           "background: blue;}"
                           "QPushButton::menu-indicator{"
                           "subcontrol-position: right center;"
                           "subcontrol-origin: padding;"
                           "right: 10px;}");

    QMenu *menu = new QMenu();
    menu->addAction(QString::fromLocal8Bit("Open"));
    menu->addAction(QString::fromLocal8Bit("Create"));
    menu->addSeparator();
    menu->addAction(QString::fromLocal8Bit("Quit"));
    button1->setMenu(menu);

    hLayout->addStretch();
    hLayout->addWidget(button1);
    hLayout->addStretch();
    centralWidget->setLayout(hLayout);
    w.setCentralWidget(centralWidget);

    w.resize(400, 200);
    w.show();
    return a.exec();
}

QSS

QPushButton{
    background: rgb(128, 128, 128);
    border: 1px solid rgb(50, 50, 50);
    color: white;
    width: 100px;
    height: 30px;
    text-align: left center;
    padding-left: 10px;
}
QPushButton:hover{
    background: rgb(150, 150, 150);
}
QPushButton:pressed{
    background: rgb(100, 100, 100);
}
QPushButton:checked{
    background: blue;
}
QPushButton::menu-indicator{
    subcontrol-position: right center;
    subcontrol-origin: padding;
    right: 10px;
}

如果要使用自定义图标取代默认三角形，QSS如下：

QPushButton::menu-indicator{
    image: url(:/icons/arrow.png);"
    subcontrol-position: right center;
    subcontrol-origin: padding;
    right: 10px;
}

如果要去掉三角形，QSS如下：

QPushButton::menu-indicator{
    image: none;"
    subcontrol-position: right center;
    subcontrol-origin: padding;
    right: 10px;
}

4.图标按钮

4.1给按钮添加图标

#include <QApplication>
#include <QMainWindow>
#include <QPushButton>
#include <QPainter>
#include <QHBoxLayout>
#include <QIcon>
#include <QDebug>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QMainWindow w;
    w.setWindowTitle("https://blog.csdn.net/caoshangpa");
    QWidget *centralWidget = new QWidget();
    QHBoxLayout *hLayout = new QHBoxLayout();
    QPushButton *button1 = new QPushButton();
    button1->setText("button1");
    button1->setIcon(QIcon(":/icons/AppIcon.png"));
    button1->setIconSize(QSize(24, 24));
    button1->setStyleSheet("QPushButton{"
                           "background: rgb(128, 128, 128);"
                           "border: 1px solid rgb(50, 50, 50);"
                           "color: white;"
                           "width: 100px;"
                           "height: 30px;}"
                           "QPushButton:hover{"
                           "background: rgb(150, 150, 150);}"
                           "QPushButton:pressed{"
                           "background: rgb(100, 100, 100);}"
                           "QPushButton:checked{"
                           "background: blue;}");

    hLayout->addStretch();
    hLayout->addWidget(button1);
    hLayout->addStretch();
    centralWidget->setLayout(hLayout);
    w.setCentralWidget(centralWidget);

    w.resize(400, 200);
    w.show();
    return a.exec();
}

QSS

QPushButton{
    background: rgb(128, 128, 128);
    border: 1px solid rgb(50, 50, 50);
    color: white;
    width: 100px;
    height: 30px;
}
QPushButton:hover{
    background: rgb(150, 150, 150);
}
QPushButton:pressed{
    background: rgb(100, 100, 100);
}
QPushButton:checked{
    background: blue;
}

4.2异形按钮

#include <QApplication>
#include <QMainWindow>
#include <QPushButton>
#include <QPainter>
#include <QHBoxLayout>
#include <QIcon>
#include <QDebug>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QMainWindow w;
    w.setWindowTitle("https://blog.csdn.net/caoshangpa");
    QWidget *centralWidget = new QWidget();
    QHBoxLayout *hLayout = new QHBoxLayout();
    QPushButton *button1 = new QPushButton();
    button1->setStyleSheet("QPushButton{"
                           "border: none;"
                           "width: 100px;"
                           "height: 100px;"
                           "image: url(:/icons/dragon.png);}"
                           "QPushButton:pressed{"
                           "padding-top: 3px;"
                           "padding-left: 3px;"
                           "padding-bottom: -3px;"
                           "padding-right: -3px}");

    hLayout->addStretch();
    hLayout->addWidget(button1);
    hLayout->addStretch();
    centralWidget->setLayout(hLayout);
    w.setCentralWidget(centralWidget);

    w.resize(400, 200);
    w.show();
    return a.exec();
}

QSS

QPushButton{
    border: none;
    width: 100px;
    height: 100px;
    image: url(:/icons/dragon.png);
}
QPushButton:pressed{
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: -3px;
    padding-right: -3px
}

龙头是背景透明的png图片，在QSS中通过设置padding参数实现点击效果。需要注意的是，这种异形按钮并不是真*异形（只有龙头区域能点击）的，因为点击龙头边上的按钮区域，也能产生点击效果。

二.设置Qt样式表

在上面的例子中，我们用了Qt样式表，即QSS（Qt StyleSheet），除了调用控件的setStyleSheet函数来设置Qt样式表，还能在Qt Designer中编辑控件的styleSheet属性，如下图所示：

但是这两种做法都是不推荐的，只能在自己写Demo或做测试的时候使用。正确的做法是把QSS写在后缀为qss的文本文件中。下面是两种加载qss文件的方法：

方法1

QFile file(":/qss/dark.qss");
if (file.open(QFile::ReadOnly)) {
    QString qss = QLatin1String(file.readAll());
    qApp->setStyleSheet(qss);
    file.close();
}

方法2

qApp->setStyleSheet("file:///:/qss/dark.qss");

方法2中这种直接读取qss文件的方式只支持qApp的setStyleSheet函数。
qApp是一个指向QApplication对象的全局指针，因此，别忘了#include <QApplication>

原文链接：Qt6入门教程 13：QPushButton-CSDN博客

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/355272.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

【GAMES101】Lecture 09 纹理贴图 点查询与范围查询 Mipmap

【GAMES101】Lecture 09 纹理贴图 点查询与范围查询 Mipmap

目录 纹理贴图 纹理放大-双线性插值 点采样纹理所带来的问题 Mipmap 各向异性过滤 纹理贴图 我们在之前的着色里面说过如何给物体上纹理&#xff0c;就是对于已经光栅化的屏幕点&#xff0c;就是每个像素的中心&#xff0c;去寻找对应纹理的映射位置的纹理颜色&#xff0…
阅读更多...
代码随想录刷题笔记-Day13

代码随想录刷题笔记-Day13

1. 二叉树的层序遍历 102. 二叉树的层序遍历https://leetcode.cn/problems/binary-tree-level-order-traversal/层次遍历依靠队列的先进先出特点实现。 解题思路 层序遍历的本质就是对每一个pop出来的处理节点&#xff0c;处理后把他的左右节点放进去。 对于每一层来说&…
阅读更多...
【JavaScript 基础入门】01 编程语言和计算机基础

【JavaScript 基础入门】01 编程语言和计算机基础

编程语言和计算机基础 目录 编程语言和计算机基础1 - 编程语言1.1 编程1.2 计算机语言1.3 编程语言1.4 翻译器1.5 编程语言和标记语言区别1.6 总结 2 - 计算机基础2.1 计算机组成2.2 数据存储2.3 数据存储单位2.4 程序运行 1 - 编程语言 1.1 编程 编程&#xff1a; 就是让计算…
阅读更多...
BGP：03 BGP路由

BGP：03 BGP路由

这是实验拓扑&#xff0c;IBGP 利用环回口建立邻居&#xff0c;IGP 协议为 OSPF&#xff0c; EBGP 通过物理接口建立邻居 基本配置&#xff1a; R1: sys sysname R1 int loop 0 ip add 1.1.1.1 24 int g0/0/0 ip add 192.168.12.1 24 qR2: sys sysname R2 int loop 0 ip ad…
阅读更多...
SpringMvc切换Json转换工具

SpringMvc切换Json转换工具

SpringBoot切换使用goolge的Gson作为SpringMvc的Json转换工具 <!-- gson依赖 --> <dependency><groupId>com.google.code.gson</groupId><artifactId>gson</artifactId> </dependency>Configuration public class JsonWebConfig {B…
阅读更多...
【MATLAB第92期】基于MATLAB的集成聚合多输入单输出回归预测方法（LSBoost、Bag）含自动优化超参数和特征敏感性分析功能

【MATLAB第92期】基于MATLAB的集成聚合多输入单输出回归预测方法（LSBoost、Bag）含自动优化超参数和特征敏感性分析功能

【MATLAB第92期】基于MATLAB的集成聚合多输入单输出回归预测方法&#xff08;LSBoost、Bag&#xff09;含自动优化超参数和特征敏感性分析功能 本文展示多种非常用多输入单输出回归预测模型效果。 注&#xff1a;每次运行数据训练集测试集为随机&#xff0c;故对比不严谨&…
阅读更多...
PR新年模板|2024龙年新春祝福PR片头模板视频素材

PR新年模板|2024龙年新春祝福PR片头模板视频素材

2024龙年新春祝福视频开场PR片头模板剪辑素材mogrt下载。 软件支持Premiere Pro 2023或更高版本&#xff1b; 在Premiere Pro&#xff08;mogrt&#xff09;中使用基本图形面板更改所有设置&#xff1b; 高清19201080分辨率&#xff1b;可以更改文字&#xff0c;调整背景颜色&a…
阅读更多...
【动态规划】【字符串】【行程码】1531. 压缩字符串

【动态规划】【字符串】【行程码】1531. 压缩字符串

作者推荐 视频算法专题 本文涉及知识点 动态规划汇总 LeetCode 1531. 压缩字符串 II 行程长度编码 是一种常用的字符串压缩方法&#xff0c;它将连续的相同字符&#xff08;重复 2 次或更多次&#xff09;替换为字符和表示字符计数的数字&#xff08;行程长度&#xff09;…
阅读更多...
带libc源码gdb动态调试（导入glibc库使得可执行文件动态调试时可看见调用库函数源码）

带libc源码gdb动态调试（导入glibc库使得可执行文件动态调试时可看见调用库函数源码）

文章目录 查看源码是否编译时有-g调试信息和符号表在 gdb 中加载 debug 文件/符号表将 debug 文件放入 ".debug" 文件夹通过 gdb 命令 set debug-file-directory directories GCC的gcc和g区别指定gcc/g&#xff0c;glibc的版本进行编译指定gcc/g的版本指定glibc的和l…
阅读更多...
数字图像处理（实践篇）三十二 OpenCV-Python比较两张图片的差异

数字图像处理（实践篇）三十二 OpenCV-Python比较两张图片的差异

目录 一 方案 二 实践 ​通过计算两张图像像素值的均方误差(MSE)来比较两张图像。差异大的两张图片具有较大的均方差值，相反，相似的图片间则具有较小的均方差值。需要注意的是。待比较的两张图像要具有相同的高度、宽度和通道数。 一 方案 ①导入依赖库 import cv2 import…
阅读更多...
QWT开源库使用

QWT开源库使用

源代码地址&#xff1a;Qwt Users Guide: Qwt - Qt Widgets for Technical Applications Qwt库包含GUI组件和实用程序类&#xff0c;它们主要用于具有技术背景的程序。除了2D图的框架外&#xff0c;它还提供刻度&#xff0c;滑块&#xff0c;刻度盘&#xff0c;指南针&#xf…
阅读更多...
【遥感专题系列】影像信息提取之—— 土地利用数据监督与非监督分类

【遥感专题系列】影像信息提取之—— 土地利用数据监督与非监督分类

基于光谱的影像的分类可分为监督与非监督分类&#xff0c;这类分类方法适合于中低分辨率的数据&#xff0c;根据其原理有基于传统统计分析的、基于神经网络的、基于模式识别的等。 本专题以ENVI5.3及以上版本的监督与非监督分类的实际操作为例&#xff0c;介绍这两种分类方法的…
阅读更多...
激光雷达标定入门（10）ROS驱动固态激光雷达（Livox Horizon）

激光雷达标定入门（10）ROS驱动固态激光雷达（Livox Horizon）

Livox Horizon 资料 据Livox官网介绍&#xff0c;Horizon的探测距离为260米&#xff0c;水平视场角&#xff08;HFOV&#xff09;81.7&#xff0c;可以覆盖10米内的4条车道&#xff0c;搭载5个Horizon的自动驾驶系统可以实现360的全区域探测&#xff0c;而该套装成本仅为64线机…
阅读更多...
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】

【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】

文章目录: 1. 下拉菜单 2. 文本域3.label标签 4.按钮- button 4.1 reset重置按钮结合form表单区域使用 5.无语义的布局标签 6.字符实体 注册信息综合案例 表单第二节 1. 下拉菜单 标签: select嵌套option,select是下拉菜单整体&#xff0c;option是下拉菜单的每一项。 代码…
阅读更多...
MSFCONSOLE实战使用（结合靶场演示）

MSFCONSOLE实战使用（结合靶场演示）

MSFCONSOLE实战使用 前言 MSFconsole&#xff08;Metasploit Framework Console&#xff09;是Metasploit框架的一部分&#xff0c;是一个功能强大的渗透测试工具。Metasploit框架是一个开源的安全工具&#xff0c;旨在开发、测试和执行针对计算机系统的攻击。MSFconsole是Me…
阅读更多...
什么是git，怎样下载安装？

什么是git，怎样下载安装？

简介&#xff1a; 应用场景&#xff1a; 应用场景&#xff1a;团队企业开发 作用&#xff1a; 安装&#xff1a; 网址&#xff1a;Git - Downloads cmd 安装&#xff1a;winget install --id Git.Git -e --source winget
阅读更多...
Mysql运维篇（三） MySQL备份与恢复

Mysql运维篇（三） MySQL备份与恢复

一路走来&#xff0c;所有遇到的人&#xff0c;帮助过我的、伤害过我的都是朋友&#xff0c;没有一个是敌人。如有侵权&#xff0c;请留言&#xff0c;我及时删除&#xff01; 一、物理备份与逻辑备份 1、物理备份&#xff1a;备份数据文件&#xff0c;转储数据库物理文件到某…
阅读更多...
Kubernetes 网络模型：一文解析其架构与工作原理

Kubernetes 网络模型：一文解析其架构与工作原理

【摘要】本文将探讨 Kubernetes 中的网络模型&#xff0c;以及对各种网络模型进行分析。 Underlay Network Model 什么是 Underlay Network 底层网络 Underlay Network 顾名思义是指网络设备基础设施&#xff0c;如交换机&#xff0c;路由器, DWDM 使用网络介质将其链接成的…
阅读更多...
Android系统开发之TimeZoneDetectorService浅析--下

Android系统开发之TimeZoneDetectorService浅析--下

TimeZoneDetectorService类图 可以看出TimeZoneDetectorService类&#xff0c;其具体实现是由TimeZoneDetectorStrategy类完成的。 在TimeZoneDetectorService类中&#xff0c;三种更新时区的接口分别为&#xff1a; suggestGeolocationTimeZone() //更新时区主要有三种方式…
阅读更多...
24. 两两交换链表中的节点（力扣LeetCode）

24. 两两交换链表中的节点（力扣LeetCode）

文章目录 24. 两两交换链表中的节点题目描述解题思路只使用一个临时节点使用两个临时节点 24. 两两交换链表中的节点 题目描述 给你一个链表&#xff0c;两两交换其中相邻的节点&#xff0c;并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题&#xff0…
阅读更多...
最新文章

Copyright @ 2022~2023