自定义QT按钮
Qt自带的PushButton样式比较单一，在开发的时候往往按钮的形状各异，所以需要自定义Qt的按钮。其方法是做一张图片来作为按钮，如果需要动态效果的话，可以做两张图片进行替换。按钮的载体可以是QLabel、QPushButton，可以通过QStyle类来设计样式，如果对QStyle不太了解的话，可以用下面的方法来实现。
1. 使用QPushButton
通过自定义一个按钮样式函数，在该函数中设置按钮的样式。（可以设计一个QPushButton的子类来完成设置）。
实现代码：
01.QPushButton *custButton(QString str,QString str1)
02.{
03. QPushButton *pushButton= new QPushButton;
05. pushButton->setGeometry(10,10,200,200); //按钮的位置及大小
06. pushButton->clearMask();
07. pushButton->setBackgroundRole( QPalette::Base);
09. QPixmap mypixmap; mypixmap.load(str);
11. pushButton->setFixedSize( mypixmap.width(), mypixmap.height() );
12. pushButton->setMask(mypixmap.createHeuristicMask());
13. pushButton->setIcon(mypixmap);
14. pushButton->setIconSize(QSize(mypixmap.width(),mypixmap.height()));
15. pushButton->setToolTip(str1);
16. return pushButton;
17.}
QPushButton *custButton(QString str,QString str1)
{
QPushButton *pushButton= new QPushButton;
pushButton->setGeometry(10,10,200,200); //按钮的位置及大小
pushButton->clearMask();
pushButton->setBackgroundRole( QPalette::Base);
QPixmap mypixmap; mypixmap.load(str);
pushButton->setFixedSize( mypixmap.width(), mypixmap.height() );
pushButton->setMask(mypixmap.createHeuristicMask());
pushButton->setIcon(mypixmap);
pushButton->setIconSize(QSize(mypixmap.width(),mypixmap.height()));
pushButton->setToolTip(str1);
return pushButton;
}
调用代码：
view plaincopy to clipboardprint?
01.QPushButton *btn=custButton("../login.png", "LOGIN");
02.
03.connect(btn, SIGNAL(clicked()), this, SLOT(slotLogin()));
QPushButton *btn=custButton("../login.png", "LOGIN");
connect(btn, SIGNAL(clicked()), this, SLOT(slotLogin()));
2. 通过QLabel
我们可以把一个图片放在QLabel里面作为按钮，因为我没有找到QLabel是否有当点击后发出的信号，所以自定义了一个鼠标事件用来检测是否在QLabel上点击了鼠标。在自定义的鼠标事件中检测QLabel所在的区域，当在该区域发生鼠标点击事件后，发送信号。
设计时通过Qt Creator在widget.ui中加入一个QLabel即可，不需要进行设置。
代码widget.h
view plaincopy to clipboardprint?
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
namespace Ui {
class Widget;
}
class Widget : public QWidget {
Q_OBJECT
public:
Widget(QWidget *parent = 0);
~Widget();
signals:
void clicked();
protected:
void mousePressEvent(QMouseEvent *e);
protected slots:
void slotClicked();
private:
Ui::Widget *ui;
};
#endif // WIDGET_H
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
namespace Ui {
class Widget;
}
class Widget : public QWidget {
Q_OBJECT
public:
Widget(QWidget *parent = 0);
~Widget();
signals:
void clicked();
protected:
void mousePressEvent(QMouseEvent *e);
protected slots:
void slotClicked();
private:
Ui::Widget *ui;
};
#endif // WIDGET_H
代码widget.cpp
#include "widget.h"
#include "ui_widget.h"
#include <QMouseEvent>
#include <QMessageBox>
#include <QPixmap>
#include <QLabel>
Widget::Widget(QWidget *parent) :
QWidget(parent),
ui(new Ui::Widget)
{
ui->setupUi(this);
//使用label作为按钮，通过自定义鼠标事件，点击label所在区域实现鼠标单击
QPixmap pm; pm.load("../logo.png");
ui->label->setGeometry(0,0,pm.width(), pm.height());
ui->label->setPixmap(pm);
connect( this, SIGNAL(clicked()), this, SLOT(slotClicked())); //信号连接
}
Widget::~Widget()
{
delete ui;
}
void Widget::mousePressEvent(QMouseEvent *e)
{
int x = e->x();
int y = e->y();
//假如在QRect( 0, 0, 48, 48 )这个区域里(图片大小为48X48)，就发出信号
if (x>0 && x<48 && y>0 && y<48)
{
emit clicked();
}
}
void Widget::slotClicked()
{
QMessageBox::about( this, "Mouse Example", "You have pressed mouse, exit now!");
close();
}