按鈕有三種狀態：當滑鼠點選的時候，當滑鼠進入按鈕的時候，當滑鼠沒有進入按鈕的時候，這3個不同的狀態。

上程式碼~~~~

pushBtn_widget.h 

/*
	貼圖按鈕的狀態： 進入， 離開， 按下
*/


#ifndef PUSHBTNWIDGET_H
#define PUSHBTNWIDGET_H

#include <QPushButton>
#include <QPainter>
#include <QMouseEvent>

class PushBtnWidget : public QPushButton
{
	Q_OBJECT
public:
	explicit PushBtnWidget(QWidget *parent = 0);
	void setPixButtonName(QString pushBtnName);

protected:
	void enterEvent(QEvent *);
	void leaveEvent(QEvent *);
	void mousePressEvent(QMouseEvent *event);
	void paintEvent(QPaintEvent *);
	void mouseReleaseEvent(QMouseEvent *event);

private:
	//---------------> 按鈕幾種按鈕狀態
	enum btnStatus{NORMAL, ENTER, PRESS, NOSTATUS};
	btnStatus pushBtnStatus;
	QString pix_Name;

	int btnWidth;		// 按鈕寬度
	int btnHeight;		//  按鈕高度
	bool mouse_press;	// 滑鼠左鍵是否按下
};
#endif		//PUSHBTNWIDGET_H
 

#include "pushBtn_widget.h"


PushBtnWidget::PushBtnWidget(QWidget *parent /*= 0*/)
	:QPushButton(parent)
{
	pushBtnStatus = NORMAL;		// 初始化 按鈕的圖示狀態
	mouse_press = false;				// 設定滑鼠沒有按下
}

/*
	函式名：setPixButtonName
	函式引數:QString pushBtnName
	函式返回值: 無
*/
void PushBtnWidget::setPixButtonName(QString pushBtnName)
{
	this->pix_Name = pushBtnName;
	setFixedSize(QPixmap(pix_Name).size());
}

/*
	函式名：enterEvent
	函式引數:QEvent *event
	函式返回值: 無
*/
void PushBtnWidget::enterEvent(QEvent *event)
{
	pushBtnStatus = ENTER;
	update();						// --  更新滑鼠的狀態
}

/*
	函式名：leaveEvent
	函式引數:QEvent *event
	函式返回值: 無
*/
void PushBtnWidget::leaveEvent(QEvent *)
{
	pushBtnStatus = NORMAL;
	update();
}

/*
	函式名：mousePressEvent
	函式引數:QMouseEvent *event
	函式返回值: 無
*/
void PushBtnWidget::mousePressEvent(QMouseEvent *event)
{
	if (event->button() == Qt::LeftButton)	//-------點選滑鼠的左鍵
	{
		mouse_press = true;
		pushBtnStatus = PRESS;
		update();
	}
}

/*
	函式名: paintEvent
	函式引數：QPaintEvent *event
	函式返回值: 無
*/
void PushBtnWidget::paintEvent(QPaintEvent *event)
{
	QPainter painter(this);
	QPixmap pixmap;
	switch (pushBtnStatus)
	{
	case NORMAL:
		{
			pixmap.load(pix_Name);
			break;
		}
	case ENTER:
		{
			pixmap.load(pix_Name + QString("_hover"));
			break;
		}
	case PRESS:
		{
			pixmap.load(pix_Name + QString("_press"));
		}
	case NOSTATUS:
		{
			pixmap.load(pix_Name );
			break;
		}
	default:
		{
			pixmap.load(pix_Name);
		}
		break;
	}

	painter.drawPixmap(rect(), pixmap);
}


/*
	函式名: mouseReleaseEvent
	函式引數：QMouseEvent *event
	函式返回值: 無
*/
void PushBtnWidget::mouseReleaseEvent(QMouseEvent *event)
{
	if (mouse_press && this->rect().contains(event->pos()))
	{
		mouse_press = false;
		pushBtnStatus = ENTER;
		update();
		emit clicked();
	}
}
 

說明：

準備好按鈕3張圖片，在新增按鈕資源的時候，圖片重新命名如下圖：

例如：

PushBtnWidget *closePixBtn;
	PushBtnWidget *sendPixBtn;
	closePixBtn = new PushBtnWidget(this);
	sendPixBtn = new PushBtnWidget(this);

	closePixBtn->setPixButtonName(":/pixbtn/closeBtn");
	sendPixBtn->setPixButtonName(":/pixbtn/sendBtn");
	
	connect(closePixBtn,  SIGNAL(clicked()), qApp, SLOT(quit()));		//---按鈕訊號
	connect(sendPixBtn, SIGNAL(clicked()), this, SLOT(slotSendMsg()));
 

這裡只是設定了按鈕，但是沒有指定按鈕的位置。。

這樣就能打造自己喜歡的的按鈕了