自定义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();  

}