Qt常用控件——QPushButton

news2024/9/22 21:27:21

QPushButton介绍

QWidget中涉及到的各种属性、函数、使用方法,对于Qt的各种控件都是有效的

使用QPushButton表示一个按钮,继承自QAbstracButton,这个类是一个抽象类

抽象类:包含纯虚函数,无法实例化出对象,必须创建子类,然后重写虚函数,才能创建出子类

image-20240908130433960

属性说明
text按钮中的文本
icon按钮中的图标
iconSize按钮中对应的尺寸
shortCut按钮对应的快捷键
autoRepeat按钮是否会重复触发(当鼠标左键按住不放时):
设置为true,持续产生鼠标点击事件;
设为false,则必须释放鼠标,再次按下鼠标时才能产生点击事件。
autoRepeatDelay重复触发的延时时间,按照按钮多久之后重复触发
autoRepeatInterval重复触发的周期

给按钮加图标

首先准备好一张图片,然后导入qrc

image-20240908132107914

在Qt Creator当中,创建好qrc文件之后,再切换到代码编辑框。如果再想切回qrc编辑框,点击左侧的qrc可能无效,此时可以点击上面的下拉菜单:

image-20240908132609073

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

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

    //创建图标对象
    QIcon icon(":/ikun.png");
    ui->pushButton->setIcon(icon);
    ui->pushButton->setIconSize(QSize(50, 50));

}

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

image-20240908134306370

添加快捷键

实现一个通过四个方向按钮,控制一个target按钮,采用快捷键的方式

  1. 创建qrc文件,导入资源

  2. 编辑ui文件

    图形化界面创建的时候,右侧可以看到对象的结构,及每个对象的objectName

    image-20240908140239529

  3. 编写构造函数

    Widget::Widget(QWidget *parent)
        : QWidget(parent)
        , ui(new Ui::Widget)
    {
        ui->setupUi(this);
        //设置图标
        ui->pushButton_target->setIcon(QIcon(":/image/ikun.png"));
        ui->pushButton_target->setIconSize(QSize(68, 67));
    
        ui->pushButton_up->setIcon(QIcon(":/image/up.png"));
        ui->pushButton_up->setIconSize(QSize(91, 81));
    
        ui->pushButton_down->setIcon(QIcon(":/image/down.png"));
        ui->pushButton_down->setIconSize(QSize(91, 81));
    
        ui->pushButton_left->setIcon(QIcon(":/image/left.png"));
        ui->pushButton_left->setIconSize(QSize(91, 81));
    
        ui->pushButton_right->setIcon(QIcon(":/image/right.png"));
        ui->pushButton_right->setIconSize(QSize(91, 81));
    
    }
    
  4. 生成槽函数

    void Widget::on_pushButton_up_clicked()
    {
        //获取target位置
        QRect rect = ui->pushButton_target->geometry();
    
        //基于上次的位置, 设置新位置
        ui->pushButton_target->setGeometry(rect.x(), rect.y()-5, rect.width(), rect.height());
    }
    
    void Widget::on_pushButton_down_clicked()
    {
        //获取target位置
        QRect rect = ui->pushButton_target->geometry();
    
        //基于上次的位置, 设置新位置
        ui->pushButton_target->setGeometry(rect.x(), rect.y()+5, rect.width(), rect.height());
    }
    void Widget::on_pushButton_left_clicked()
    {
        //获取target位置
        QRect rect = ui->pushButton_target->geometry();
    
        //基于上次的位置, 设置新位置
        ui->pushButton_target->setGeometry(rect.x()-5, rect.y(), rect.width(), rect.height());
    }
    void Widget::on_pushButton_right_clicked()
    {
        //获取target位置
        QRect rect = ui->pushButton_target->geometry();
    
        //基于上次的位置, 设置新位置
        ui->pushButton_target->setGeometry(rect.x()+5, rect.y(), rect.width(), rect.height());
    }
    
  5. 设置快捷键
    这个也是需要在构造函数当中完成的,确保程序一启动就有效

    void setShortcut(const QKeySequence &key);
    

    设置快捷键的参数是QKeySequence,表示一个按键序列表,按下的快捷键,不一定是单个按键,可能是组合键

    //    ui->pushButton_up->setShortcut(QKeySequence("w"));
    //    ui->pushButton_down->setShortcut(QKeySequence("s"));
    //    ui->pushButton_left->setShortcut(QKeySequence("a"));
    //    ui->pushButton_right->setShortcut(QKeySequence("d"));
        
    	//建议采用这种方式
        ui->pushButton_up->setShortcut(QKeySequence(Qt::CTRL + Qt::Key_W));
        ui->pushButton_down->setShortcut(QKeySequence(Qt::Key_S));
        ui->pushButton_left->setShortcut(QKeySequence(Qt::Key_A));
        ui->pushButton_right->setShortcut(QKeySequence(Qt::Key_D));
    

    Qt定义的宏:

    image-20240908152158347

    快捷键默认能够连发,鼠标点击按钮不行,如果要支持连发功能,可以采用setAutoRepeat()

    ui->pushButton_up->setAutoRepeat(true);
    ui->pushButton_down->setAutoRepeat(true);
    ui->pushButton_left->setAutoRepeat(true);
    ui->pushButton_right->setAutoRepeat(true);
    

完整代码:

#include "widget.h"
#include "ui_widget.h"
#include <QResizeEvent>
#include<QDebug>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //设置图标
    ui->pushButton_target->setIcon(QIcon(":/image/ikun.png"));
    ui->pushButton_target->setIconSize(QSize(68, 67));

    ui->pushButton_up->setIcon(QIcon(":/image/up.png"));
    ui->pushButton_up->setIconSize(QSize(91, 81));

    ui->pushButton_down->setIcon(QIcon(":/image/down.png"));
    ui->pushButton_down->setIconSize(QSize(91, 81));

    ui->pushButton_left->setIcon(QIcon(":/image/left.png"));
    ui->pushButton_left->setIconSize(QSize(91, 81));

    ui->pushButton_right->setIcon(QIcon(":/image/right.png"));
    ui->pushButton_right->setIconSize(QSize(91, 81));

//    ui->pushButton_up->setShortcut(QKeySequence("w"));
//    ui->pushButton_down->setShortcut(QKeySequence("s"));
//    ui->pushButton_left->setShortcut(QKeySequence("a"));
//    ui->pushButton_right->setShortcut(QKeySequence("d"));

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

    ui->pushButton_up->setAutoRepeat(true);
    ui->pushButton_down->setAutoRepeat(true);
    ui->pushButton_left->setAutoRepeat(true);
    ui->pushButton_right->setAutoRepeat(true);
    qDebug() << this->rect().height() << "," << this->rect().width();
}

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


void Widget::on_pushButton_up_clicked()
{
    //获取target位置
    QRect rect = ui->pushButton_target->geometry();
    if(rect.y()-5 < 0)
    {
        return;
    }
    //基于上次的位置, 设置新位置
    ui->pushButton_target->setGeometry(rect.x(), rect.y()-5, rect.width(), rect.height());
}

void Widget::on_pushButton_down_clicked()
{
    //获取target位置
    QRect rect = ui->pushButton_target->geometry();

    QRect widgetRect = this->rect();

    int targetBottom = rect.y() + 5 + rect.height();

    if(targetBottom > this->rect().height())
        return;

    //基于上次的位置, 设置新位置
    ui->pushButton_target->setGeometry(rect.x(), rect.y()+5, rect.width(), rect.height());
}
void Widget::on_pushButton_left_clicked()
{
    //获取target位置
    QRect rect = ui->pushButton_target->geometry();

    if(rect.x()-5 < 0)
    {
        qDebug() << "(" << rect.x()<< "," << rect.y() << ")";
        return;
    }
    //基于上次的位置, 设置新位置
    ui->pushButton_target->setGeometry(rect.x()-5, rect.y(), rect.width(), rect.height());
}
void Widget::on_pushButton_right_clicked()
{
    //获取target位置
    QRect rect = ui->pushButton_target->geometry();

    int targetRight = rect.x()+ 5 + rect.width();

    if(targetRight > this->rect().width())
    {
        qDebug() << "(" << rect.x()<< "," << rect.y() << ")";
        return;
    }
    //基于上次的位置, 设置新位置
    ui->pushButton_target->setGeometry(rect.x()+5, rect.y(), rect.width(), rect.height());
}

GIF 2024-9-8 16-29-47

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

第四届长城杯部分wp

还是太菜了&#xff0c;要经常练了 1.BrickGame 通过游戏就可以得到flag 2.SQLUP 一道文件上传的题目&#xff0c;在登陆页面我用admin和1登陆成功了&#xff0c;但是按照正常的应该是要爆破&#xff0c;用bp爆破得到下面的页面 登陆成功后&#xff0c;点击头像就可以进行文…

前端 PDF 预览技巧:标签 vs 插件,如何优雅地展示 PDF 文件

前言 pdf 作为一种常用的文档格式&#xff0c;相信很多同学都在项目中遇到过需要预览 pdf 文件的情况。其实实现的方式有很多&#xff0c;包括传统的标签 iframe 或 embed 方式&#xff0c;也可以运用一些插件&#xff0c;例如 pdf.js、vue-pdf 等等&#xff0c;本文将带大家一…

FastJson、Jackson、Gson、Hutool,JSON解析哪家强?JMH基准测试来排行

首发公众号:【赵侠客】 引言 在前面《释放你九成的带宽和内存&#xff1a;GZIP在解决Redis大Key方面的应用》一文中我使用GZIP算法对JSON格式数据进行了压缩&#xff0c;可以减小88%的空间&#xff0c;文中也提到了目前JSON格式在我们项目中应用的非常广泛几乎无处不在。压缩J…

整合Redis和RedisCacheManger

整合redis springboot在现在的版本中操作Redis数据库用到了lettuce&#xff0c;而不是Jedis&#xff0c;他们各有各的特点。Jedis以Redis命令作为方法名称&#xff0c;学习成本低&#xff0c;简单实用。但是Jedis实例是线程不安全的&#xff0c;多线程环境下需要基于连接池来使…

Java实现一个简单的本地群聊。可以多开Client。

网络编程也有趣的&#xff0c;Java中有对系统网络IO操作的封装包&#xff1a;Socket。现在我们在本地电脑&#xff08;网络&#xff09;用它来模拟一个简单的群聊功能&#xff0c;以便能更好地对网络编程进行深刻的理解。 "Client"去连接"Host",可同时多有…

JavaEE 第23节 TCP的流量控制与阻塞控制详解

目录 前言&#xff08;必读&#xff09;1、滑动窗口背景运行机制 2. 流量控制作用实现机制关键目标 3. 拥塞控制作用实现机制作用 4. 流量控制和拥塞控制的区别作用对象不同触发条件不同控制方式不同 5.总结 前言&#xff08;必读&#xff09; 流量控制&#xff08;Flow Contr…

中科院院士薛其坤:通用量子计算机还得10-20年

说到量子计算机&#xff0c;很多人都抱有不切实际的幻想&#xff0c;甚至认为它无所不能&#xff0c;很快就能取代现有的电子计算机&#xff0c;但事实上&#xff0c;目前的量子计算机只能高效解决特定问题&#xff0c;不具备通用性。在2024年浦江创新论坛上&#xff0c;2023年…

linux日志备份

什么是日志文件?为什么要设立日志文件? 1、日志文件是用来记录事务对数据库的更新操作的文件。2、设立日志文件的目的是: 进行事务故障恢复;进行系统故障恢复;协助后备副本进行介质故障恢复。 但是&#xff0c;随着时间&#xff0c;日志文件内存过于增加&#xff0c;将会导…

creating chat agent with langchain and openai getting no attribute error

题意&#xff1a; 使用 LangChain 和 OpenAI 创建聊天代理时遇到“没有属性错误”&#xff08;Getting "no attribute" error when creating a chat agent with LangChain and OpenAI&#xff09; 问题背景&#xff1a; Im trying to test a chat agent using the …

基于springboot+vue的工作量统计系统(全套)

传统办法管理信息首先需要花费的时间比较多&#xff0c;其次数据出错率比较高&#xff0c;而且对错误的数据进行更改也比较困难&#xff0c;最后&#xff0c;检索数据费事费力。因此&#xff0c;在计算机上安装工作量统计系统软件来发挥其高效地信息处理的作用&#xff0c;可以…

java后端开发的DO、DTO、BO、AO、VO、POJO定义

1.常用文件夹命名规则 pojo&#xff1a; &#xff08;1&#xff09;vo &#xff08;与前端交互的所有对象&#xff0c;包括接参和返回&#xff09; &#xff08;2&#xff09;query &#xff08;查询的筛选条件&#xff0c;前端传参和后端内部传参通用&#xff09; &#x…

[计算机基础四大件学习笔记]计算机组成原理

文章总览&#xff1a;YuanDaiMa2048博客文章总览 计算机基础四大件学习笔记 说明&#xff1a;虽然学习过计算机组成与系统结构、操作系统、计算机网络以及数据结构这四门课程&#xff0c;但是对于这四门课的结合和实际中的应用还是模糊的&#xff0c;因此x想通过网上的一些视频…

Rust语言初探:WebAssembly 入门

Rust语言初探&#xff1a;WebAssembly 入门 前言 在我的印象中&#xff0c;Rust 一直是比较底层的语言&#xff0c;例如在操作系统底层、高性能中间件等底层场景才会看到它的身影。 然而&#xff0c;随着技术的发展&#xff0c;Rust 也开始在前端场景如 WebAssembly 中崭露头…

大数据Flink(一百一十五):Flink SQL的基本概念

文章目录 Flink SQL的基本概念 一、​​​​​​​SQL 中表的概念 二、​​​​​​​​​​​​​​SQL 临时表、永久表 三、​​​​​​​​​​​​​​SQL表类型的定义 四、​​​​​​​​​​​​​​常见的连接器 五、​​​​​​SQL数据视图 1、​​​​​​…

校园气膜馆助力青少年体质发展:少年强则国强—轻空间

青少年是国家的未来&#xff0c;体质的强健与否&#xff0c;直接关系到国家的竞争力和可持续发展。在现代社会&#xff0c;学习和压力并存&#xff0c;青少年的体育锻炼时间不断被压缩&#xff0c;如何提供更为优质的体育设施&#xff0c;帮助他们增强体质&#xff0c;成为学校…

【C/C++】“秒懂”学C/C++不可错过的“经典编程题” — 日期类的经典运用 (含题链接)

“秒懂”学C/C不可错过的“经典编程题” — 日期类的经典运用 (含题链接&#xff09; 1. 计算日期到天数转换(1). 解题思路&#xff1a;(2). 代码实现&#xff1a; 2. 打印日期(1). 解题思路&#xff1a;(2). 代码实现&#xff1a; 3. 日期累加(1). 解题思路&#xff1a;(2). 代…

Java 设计模式-状态模式

目录 一. 概述 二. 主要角色 三. 代码示例 四. 优缺点 优点&#xff1a; 缺点&#xff1a; 五. 常见应用场景 一. 概述 状态模式是一种行为设计模式&#xff0c;它允许一个对象在其内部状态改变时改变它的行为。对象看起来好像修改了它的类。状态模式把所有的与一个特定…

AES算法与接口解密

文章目录 AES算法基本介绍加密模式模式与IV 接口响应AES解密 AES算法 基本介绍 高级加密标准(AES,Advanced Encryption Standard)为最常见的对称加密算法。 对称加密算法中加解密密钥都是一样的。 AES 的主要特性&#xff1a; 块加密&#xff1a;AES 是一种分组加密算法&…

Vue day-04

目录 一. vue组件 1.1 为什么用组件 1.2 vue组件 1.3 基础使用 1.4 全局 - 注册使用 1.5 局部 - 注册使用 1.4 用less写的样式 二. Vue组件之间传值(重点) 2.1 父组件向子组件传值 2.2 子组件向父组件传值 2.3 兄弟之间的传递 三. vue生命周期 3.1 含义 3.2 钩子…

phpmyadmin报错mysqli::real_connect(): (HY000/1045): Access denied for user ‘

问题分析 这是因为本身还安装了MySQL&#xff0c;导致发生冲突&#xff0c;只需要找到自己安装的进行关闭即可 方法 在任务管理器(快捷键&#xff1a;ctrlaltdelete)-服务中&#xff0c;找到对应的MySQL进行关闭