QT按钮循环改变颜色

于 2024-07-16 02:00:57 发布
阅读量234 收藏 3
点赞数 3
文章标签： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75393587/article/details/140453145
版权

QT按钮循环改变颜色

最近开始学习QT相关的知识，在编写程序的时候遇到一个问题是需要将每个按钮控件逐个显示。

如图：在这里插入图片描述

在各个博客论坛上也没有寻找的有直接解决这类型问题的方法，最后自己琢磨出来了，在这里分享一下。（如果存在错误或者有更好的方法，欢迎批评指正）

首先在mainwindow.cpp文件下创建一个计时器（记得包含头文件）

在这里插入图片描述

QTimer *timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,&::MainWindow::getNextButton);
timer->start(1000);

connect函数接收计时器timer的消息再调用getNextButton这个槽函数。（每1000毫秒执行一次）

然后在mainwindow.h的头文件里面编写getNextButton()槽函数

void getNextButton() {
        if (currentIndex==0){
            ui->aButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->aButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==1){
            ui->bButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->bButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==2){
            ui->cButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->cButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==3){
            ui->dButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->dButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==4){
            ui->eButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->eButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==5){
            ui->fButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->fButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==6){
            ui->gButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->gButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==7){
            ui->hButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->hButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==8){
            ui->iButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->iButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==9){
            ui->jButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->jButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==10){
            ui->kButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->kButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==11){
            ui->lButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->lButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==12){
            ui->mButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->mButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==13){
            ui->nButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->nButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==14){
            ui->oButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->oButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==15){
            ui->pButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->pButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==16){
            ui->qButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->qButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==17){
            ui->rButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->rButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==18){
            ui->sButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->sButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==19){
            ui->tButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->tButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==20){
            ui->uButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->uButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==21){
            ui->vButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->vButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==22){
            ui->wButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->wButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==23){
            ui->xButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->xButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==24){
            ui->yButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->yButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }

        else if (currentIndex==25){
            ui->zButton->setStyleSheet("background:red;");
            QTimer::singleShot(500, [this]() mutable {
                ui->zButton->setStyleSheet("");
            });
            currentIndex = (currentIndex + 1) % 26;
        }
    }

以aButton这个控件为例：

首先通过if(currentIndex==0)表示当前对aButton按钮执行以下操作：

  • ui->aButton->setStyleSheet("background:red;")通过setStyleSheet方法将aButton按钮背景设置为红色；
  • QTimer::singleShot(500, [this]() mutable { ui->pButton->setStyleSheet(""); });使用Qtimer的singleShot方法,再500毫秒后执行一个匿名函数，在这个函数中将aButton按钮的样式设置为空，及恢复aButton的默认样式。
  • currentIndex = (currentIndex + 1) % 26;最后对currentIndex加1后对26进行取模，实现循环索引。

以上就是本文的主要类容了，在选择这个方法之前也尝试了许多其他方法，但是都失败了。目前这就是我解决这类问题的方法了。

如果存在错误或者有更好的方法，欢迎一起讨论。

至上0729
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
python按按钮变颜色_当按钮单击时更改按钮颜色
weixin_39857174的博客
01-11 3926
我正在制作一个迷宫，用户可以输入尺寸，然后点击一个按钮将按钮的颜色改为黑色。我最终想要的是制作一个人工智能，它将试图在用户创建的迷宫中导航，而这个黑色矩形是人工智能不能继续的。问题是我不知道如何更改按钮的属性，因为创建时使用了一个嵌套循环，它们都有相同的名称。在from tkinter import *import tkinter as tkfrom tkinter.ttk import Comb...
qt动画按钮
03-21
本教程将详细讲解如何在Qt 5.0环境下开发一个具有动画功能的按钮，实现按钮的连续放大和缩小显示。 首先，你需要了解Qt的信号与槽机制。这是Qt事件处理的核心，当一个特定事件发生时，信号会被触发，然后与之相连的...
创建第一个QT按钮
qq_49723651的博客
05-20 199
创建第一个QT按钮 效果图： Widget.cpp #include "Widget.h" #include <QPushButton> //包含按钮的头文件 Widget::Widget(QWidget *parent) : QWidget(parent) { this->setWindowTitle("Hello QT"); //设置窗口标题 this->resize(800, 500); //设置窗口的长和宽 this->setF
QT之窗口背景颜色和图片设置
m0_45243224的博客
11-11 2883
设置窗口、窗体的背景图片 第一种：定义一个函数，使用QPalette和QPixmap 在.h文件定义一个私有的函数声明：void resizeEvent(QpesizeEven *event),然后右键跳到定义之后会在.ccp文件里面自动生成上面图片形式的函数void Widget::resizeEvent(QpesizeEven *event).之后在这个函数里面写入代码： QPixmap pixmap = Qpixmap(":/image/radio_bj.jpg").scaled(..
QT---按钮的相关接口，对象树
qq_44423388的博客
04-11 454
QT—按钮的相关接口，对象树 按钮位于QPushButton类中，而QPushButton 继承于 QAbstractButton 继承于QWidget 继承于QObject 构造函数 auto b = new QPushButton；无参构造 auto b1 = new QPushButton(文本，父亲)；带参构造 （按钮的构造函数还有3种，就不在这里一一列举，有需要的话，大家可以在帮助手册里面看） 接口 resize 重置大小 setFixedSize 设置固定大小 move 设置位置 setPare
【Qt运行流程详解】从启动到事件循环的深入解读
探索C++编程的奥秘，分享深入的技术见解和实践，旨在激发读者创造力与解决问题的思维。
01-15 5411
深入探索 Qt 的底层运行机制，能让开发者更好地理解其工作原理，从而编写出更高效、更稳定的代码。通过解析 Qt 应用程序的启动、事件处理、内存管理等关键环节，我们能够获得更全面的技术视角。
QT：第五章：事件系统
NewNovice1的博客
01-28 1043
事件是对各种应用程序需要知道的由应用程序内部或外部产生的事情或动作的统称。Qt中所有事件都有对应的类，他们继承自QEvent类。当用户按下鼠标、敲下键盘，或者窗口需要重新绘制的时候，会发生一个重绘事件。一些事件是在用户操作时出，例如鼠标左键按下事件，另一些事件可以由系统自动发出，如定时器事件。
用QT定时器实现闪烁
weixin_72969043的博客
11-16 514
用QT定时器实现闪烁
QT入门看这一篇就够（详解含qt源码）
热门推荐
啊渊的专栏
10-16 4万+
qt教程，qt项目，qt下载，qt项目实战，qt多线程，包括Qt环境搭建、Qt数据类型、Qt核心、Qt基础空间、Qt对话框、Qt数据模型、Qt文件处理、Qt高级控件、Qt项目开发，Qt核心对象Object、Qt的demo含源码等
使用Qt模仿文字浮动字母
糯诺诺米团
10-19 599
到这里，文字移动效果就已经实现了，功能比较简单，唯一的难点就在于文字风格变动时，区域的变化，只要我们了解了变化规律，位置展示还不是小菜一碟吗？我是中国好公民，专注C++开发程序猿~
C++ Qt开发：PushButton按钮组件
CSDN
12-11 7564
QPushButton 是 Qt 框架中用于创建按钮的组件类，是 `QWidget` 的子类。按钮是用户界面中最常见的交互元素之一，用于触发特定的操作或事件。该组件具有丰富的属性和方法，使其在不同的应用场景中能够灵活运用。
基于QT的亮点呼吸灯效果
06-06
我们可以将亮点的亮度作为QGraphicsItem的一个可动画化属性，然后创建一个动画实例，设置其关键帧，让亮度在0（暗）和1（亮）之间循环变化。 4. **时间间隔与平滑过渡**：为了实现呼吸效果的自然过渡，我们需要调整...
QT实现中点画线法、DDA画线法及画圆和椭圆
06-27
对于每个像素，根据当前半径和下一步半径的差值判断是否改变颜色，从而得到近似的圆形。 **画椭圆**： 画椭圆可以扩展Bresenham的圆画算法。Flood填充法或者扫描线算法可以用来实现椭圆的绘制。关键在于计算椭圆上...
Qt绘图实现
12-19
描述中提到的“不同粗细、颜色”可以通过`setPen()`函数轻松实现，只需要改变其参数即可。例如，我们可以创建一个循环，以不同颜色和宽度画出多条线： ```cpp for (int i = 1; i ; ++i) { painter.setPen(QPen(Qt:...
QT开发的音乐播放器，QMediaPlayer控件
07-20
通过应用QSS，音乐播放器的界面可以变得更加美观和个性化，例如改变按钮颜色、字体样式、背景等。开发者可能使用QSS设置窗口的主题，以及各个控件的外观，以提供更舒适的用户体验。 项目文件中包含了"build-...
QT 底层绘图基础类 QGraphicsRectItem::mousePressEvent(event)
最新发布
xie__jin__cheng的博客
07-15 159
QGraphicsRectItem::mousePressEvent(event)
【Qt 初识】QPushButton 的详解以及 Qt 中的坐标
Hou_lang_LJ的博客
07-12 905
🐧①Qt 中的信号槽机制；🐧② 按钮的方式实现HelloWorld；🖊
qt 创建一个矩形，矩形的边线可以拖拽
xie__jin__cheng的博客
07-15 88
qt 创建一个矩形，矩形的边线可以拖拽
[Qt] Qt Creator中，新建QT文件时选择界面模版下的各选项
雨落子衿的博客
07-11 1013
在Qt Creator中，新建文件时选择界面模版下的各选项具有特定的意义，这些选项主要帮助开发者根据项目需求快速生成不同类型的文件。
qt按钮点击改变颜色
07-03
在Qt中，你可以轻松地为按钮添加单击事件处理程序，使得按钮被点击后颜色发生变化。以下是步骤和基本示例： 1. **包含所需库**： 在`.pro`文件或`.cpp`文件中，确保包含了所需的`QApplication`、`QPushButton`和可能的`QtWidgets`库。 2. **创建按钮并设置样式**： 创建一个QPushButton实例，并为其定义初始的颜色。例如： ```cpp QPushButton* button = new QPushButton("点击我", this); button->setStyleSheet("background-color: blue;"); ``` 这里将按钮背景设为蓝色。 3. **添加点击事件处理函数**： 使用`QObject::connect()`方法连接按钮的`clicked()`信号到一个槽函数（slot function），该槽函数会更改按钮的颜色： ```cpp connect(button, &QPushButton::clicked, [button](){ // 改变颜色的部分 QColor initialColor = button->palette().color(QPalette::Button); // 获取当前颜色 QColor newColor = initialColor.darker(); // 或者用其他方式改变颜色，比如更亮或不同颜色 button->setStyleSheet("background-color: " + newColor.name()); // 更新样式 }); ``` 当按钮被点击时，这个槽函数会被调用，使按钮颜色变化。 4. **完整示例**： ```cpp #include <QApplication> #include <QPushButton> #include <QPalette> int main(int argc, char *argv[]) { QApplication app(argc, argv); QWidget window; window.resize(200, 100); QPushButton button("点击我", &window); button.move(50, 50); button.setStyleSheet("background-color: blue;"); QObject::connect(&button, &QPushButton::clicked, [button](){ QColor initialColor = button.palette().color(QPalette::Button); QColor newColor = initialColor.darker(); button.setStyleSheet("background-color: " + newColor.name()); }); window.show(); return app.exec(); } ``` 以上代码中，每次按钮被点击，按钮的颜色都会暗淡一些。你可以根据需要修改颜色变化的方式。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值