按钮是Qt中使用最多的控件,在Qt中属于QPushButton类。有专属于自己的函数、信号和槽,
本实验中实现如下所示的效果:
当点击按钮的时候出现上图右边所示的效果,不点击的时候出现上图左边所示的效果。
Main.c文件的代码如下:
#include "widget.h"
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Widget w;
w.show();
return a.exec();
}
Widget.c的代码如下:
#include "widget.h"
#include "ui_widget.h"
#include <QGraphicsDropShadowEffect>
#include <QTimer>
Widget::Widget(QWidget *parent) :
QWidget(parent),
ui(new Ui::Widget)
{
ui->setupUi(this);
this->setWindowTitle(QString("酷炫按钮"));
btn_clicked_init();
beautyButton(ui->btn_0_0);
}
Widget::~Widget()
{
delete ui;
}
void Widget::beautyButton(QPushButton* btn)
{
QGraphicsDropShadowEffect* effect = new QGraphicsDropShadowEffect();
effect->setBlurRadius(150);
effect->setColor(Qt::red);
effect->setOffset(0);
btn->setGraphicsEffect(effect);
}
void Widget::unBeautyButton(QPushButton* btn)
{
btn->setGraphicsEffect(0);
}
void Widget::btn_clicked_init()
{
connect(ui->btn_0_0,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_0_0);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_0_0);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_0_1,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_0_1);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_0_1);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_0_2,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_0_2);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_0_2);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_1_0,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_1_0);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_1_0);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_1_1,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_1_1);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_1_1);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_1_2,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_1_2);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_1_2);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_2_0,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_2_0);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_2_0);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_2_1,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_2_1);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_2_1);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_2_2,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_2_2);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_2_2);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_3_0,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_3_0);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_3_0);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_3_1,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_3_1);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_3_1);
timer->stop();
});
timer->start(400);
});
connect(ui->btn_3_2,&QPushButton::clicked,this,[=]()
{
beautyButton(ui->btn_3_2);
QTimer* timer = new QTimer(this);
connect(timer,&QTimer::timeout,this,[=]()
{
unBeautyButton(ui->btn_3_2);
timer->stop();
});
timer->start(400);
});
}
Widget.h的代码如下:
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QPushButton>
namespace Ui {
class Widget;
}
class Widget : public QWidget
{
Q_OBJECT
public:
explicit Widget(QWidget *parent = 0);
~Widget();
public:
void beautyButton(QPushButton* btn);
void unBeautyButton(QPushButton* btn);
void btn_clicked_init();
public slots:
private:
Ui::Widget *ui;
};
#endif // WIDGET_H
样式表:
QPushButton
{
border-radius:4px;
border:none;
width:35px;
height:35px;
color:rgb(180,0,0);
font:bold 25px;
}
QPushButton:hover
{
background:rgb(85,85,85);
}
QPushButton:pressed
{
background:rgb(80,80,80);
}
QWidget
{
border:1px solid "#222222";
background-color:"#222222";
}
以上就是本实验的主要文件,至于工程文件按着Qt上构建的工程文件一步一步的“Next”就行。