Qt自定义按钮

#ifndef QmayaLabelButton_H_
#define QmayaLabelButton_H_ 1

#include "QLabelHint.h"
#include <QtGui/QtGui>

class QmayaLabelButton : public QPushButton
{
    Q_OBJECT
public:
    QmayaLabelButton(QWidget * parent =0 );
    void setChildWidget(QWidget * widget);
private:
    QWidget * fChildWidget ;
};
#endif


#include "QmayaLabelButton.h"

QmayaLabelButton::QmayaLabelButton(QWidget * parent )
: QPushButton(parent)
, fChildWidget(NULL)
{
    this->setStyleSheet(QLatin1String("QPushButton{border-width:0px;}")) ;
}

void QmayaLabelButton::setChildWidget(QWidget * widget)
{
    if (fChildWidget)
    {
        delete fChildWidget ;
        fChildWidget = NULL ;
    }
    fChildWidget = widget ;
    fChildWidget->setParent(this);
    this->setFixedSize(fChildWidget->sizeHint()) ;

}

转自http://blog.youkuaiyun.com/starcloud_zxt/article/details/5185556

Qt自带的PushButton样式比较单一,在开发的时候往往按钮的形状各异,所以需要自定义Qt的按钮。其方法是做一张图片来作为按钮,如果需要动态效果的话,可以做两张图片进行替换。按钮的载体可以是QLabel、QPushButton,可以通过QStyle类来设计样式,如果对QStyle不太了解的话,可以用下面的方法来实现。

1. 使用QPushButton

    通过自定义一个按钮样式函数,在该函数中设置按钮的样式。(可以设计一个QPushButton的子类来完成设置)

实现代码:

[c-sharp] view plain copy
  1. QPushButton *custButton(QString str,QString str1)  
  2. {  
  3.     QPushButton *pushButton= new QPushButton;  
  4.   
  5.     pushButton->setGeometry(10,10,200,200); //按钮的位置及大小  
  6.     pushButton->clearMask();  
  7.     pushButton->setBackgroundRole( QPalette::Base);  
  8.   
  9.     QPixmap mypixmap;   mypixmap.load(str);  
  10.   
  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. }  

调用代码:

[c-sharp] view plain copy
  1. QPushButton *btn=custButton("../login.png""LOGIN");  
  2.   
  3. connect(btn, SIGNAL(clicked()), this, SLOT(slotLogin()));  

 

2. 通过QLabel

   我们可以把一个图片放在QLabel里面作为按钮,因为我没有找到QLabel是否有当点击后发出的信号,所以自定义了一个鼠标事件用来检测是否在QLabel上点击了鼠标。在自定义的鼠标事件中检测QLabel所在的区域,当在该区域发生鼠标点击事件后,发送信号。

   设计时通过Qt Creator在widget.ui中加入一个QLabel即可,不需要进行设置。

代码widget.h

[c-sharp] view plain copy
  1. #ifndef WIDGET_H  
  2. #define WIDGET_H  
  3.  
  4. #include <QWidget>  
  5.   
  6. namespace Ui {  
  7.     class Widget;  
  8. }  
  9.   
  10. class Widget : public QWidget {  
  11.     Q_OBJECT  
  12. public:  
  13.     Widget(QWidget *parent = 0);  
  14.     ~Widget();  
  15.   
  16. signals:  
  17.     void clicked();  
  18.   
  19. protected:  
  20.     void mousePressEvent(QMouseEvent *e);  
  21.   
  22. protected slots:  
  23.     void slotClicked();  
  24.   
  25. private:  
  26.     Ui::Widget *ui;  
  27. };  
  28.  
  29. #endif // WIDGET_H  

 

代码widget.cpp

[c-sharp] view plain copy
  1. #include "widget.h"  
  2. #include "ui_widget.h"  
  3. #include <QMouseEvent>  
  4. #include <QMessageBox>  
  5. #include <QPixmap>  
  6. #include <QLabel>  
  7.   
  8. Widget::Widget(QWidget *parent) :  
  9.     QWidget(parent),  
  10.     ui(new Ui::Widget)  
  11. {  
  12.     ui->setupUi(this);  
  13.     //使用label作为按钮,通过自定义鼠标事件,点击label所在区域实现鼠标单击  
  14.     QPixmap pm;   pm.load("../logo.png");  
  15.     ui->label->setGeometry(0,0,pm.width(), pm.height());  
  16.     ui->label->setPixmap(pm);  
  17.   
  18.     connect( this, SIGNAL(clicked()), this, SLOT(slotClicked()));   //信号连接  
  19. }  
  20.   
  21. Widget::~Widget()  
  22. {  
  23.     delete ui;  
  24. }  
  25.   
  26.   
  27. void Widget::mousePressEvent(QMouseEvent *e)  
  28. {  
  29.     int x = e->x();  
  30.     int y = e->y();  
  31.   
  32.     //假如在QRect( 0, 0, 48, 48 )这个区域里(图片大小为48X48),就发出信号  
  33.     if (x>0 && x<48 && y>0 && y<48){  
  34.         emit clicked();  
  35.     }  
  36. }  
  37.   
  38. void Widget::slotClicked()  
  39. {  
  40.     QMessageBox::about( this"Mouse Example""You have pressed mouse, exit now!");  
  41.     close();  
  42.   

       /*边框变蓝*/
       ui->lupushButton->setAutoFillBackground(true);
      ui->lupushButton->setPalette(QColor(255,0,0));

       ui->lupushButton->setPalette(Qt::blue);



label->setScaledContents(true);
图片会自动缩放,适应label的大小。


<think>好的,用户想在Qt中创建自定义按钮的示例教程。首先,我需要确定用户的需求是什么。他们可能已经知道基本的按钮使用,但需要更个性化的功能或外观。自定义按钮通常涉及继承QPushButton类,并重写一些方法,比如绘图事件或者添加自定义信号和槽。 接下来,我应该考虑如何分步骤讲解。首先需要创建一个新的类,继承自QPushButton,然后可能需要重写paintEvent来绘制自定义样式。另外,用户可能还想处理鼠标事件,比如悬停或点击时的效果变化。这时候就需要重写enterEvent、leaveEvent和mousePressEvent等方法。 然后,示例代码的结构应该清晰。头文件部分要包含必要的头文件和类定义,源文件则实现这些方法。需要确保代码符合Qt的语法规范,比如使用Q_OBJECT宏,正确连接信号和槽。 用户可能对样式设置不太熟悉,所以在paintEvent中使用QPainter来绘制圆角矩形和渐变效果,同时根据按钮状态改变颜色,这样可以直观展示如何自定义外观。添加图标的部分也是常见的需求,因此需要演示如何加载并绘制QPixmap。 另外,考虑到用户可能遇到问题,比如编译错误或者效果不显示,应该提醒他们注意父类构造函数的调用,图标的路径是否正确,以及事件处理函数中调用父类实现的重要性。 最后,生成的相关问题需要覆盖用户可能进一步感兴趣的内容,比如样式表的使用、动态效果、信号槽的高级应用以及不同状态下的样式切换。这些扩展问题可以帮助用户更深入地学习Qt自定义控件开发。</think>### Qt创建自定义按钮分步教程 在Qt中创建自定义按钮主要通过继承QPushButton并重写绘图事件实现,以下是详细步骤: 1. **创建自定义按钮类** ```cpp // CustomButton.h #include <QPushButton> #include <QPainter> #include <QPixmap> class CustomButton : public QPushButton { Q_OBJECT public: explicit CustomButton(QWidget* parent = nullptr); void setIcon(const QString& iconPath); protected: void paintEvent(QPaintEvent* event) override; void enterEvent(QEvent* event) override; void leaveEvent(QEvent* event) override; void mousePressEvent(QMouseEvent* event) override; private: bool m_hovered = false; bool m_pressed = false; QPixmap m_icon; }; ``` 2. **实现核心功能** ```cpp // CustomButton.cpp CustomButton::CustomButton(QWidget* parent) : QPushButton(parent) { setFixedSize(120, 40); } void CustomButton::paintEvent(QPaintEvent*) { QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing); // 绘制圆角背景 QRect rect(0, 0, width(), height()); QLinearGradient gradient(0, 0, 0, height()); gradient.setColorAt(0, m_hovered ? Qt::lightGray : Qt::white); gradient.setColorAt(1, m_pressed ? Qt::darkGray : Qt::gray); painter.setBrush(gradient); painter.drawRoundedRect(rect, 10, 10); // 绘制图标和文字 if (!m_icon.isNull()) { painter.drawPixmap(10, 10, 20, 20, m_icon); } painter.drawText(rect, Qt::AlignCenter, text()); } void CustomButton::enterEvent(QEvent*) { m_hovered = true; update(); } void CustomButton::leaveEvent(QEvent*) { m_hovered = m_pressed = false; update(); } void CustomButton::mousePressEvent(QMouseEvent*) { m_pressed = true; update(); } ``` 3. **使用自定义按钮** ```cpp // MainWindow.cpp CustomButton* btn = new CustomButton(this); btn->setText("搜索"); btn->setIcon(":/icons/search.png"); connect(btn, &CustomButton::clicked, [](){ qDebug() << "按钮被点击"; }); ``` **实现要点说明:** - 通过重写`paintEvent`实现自定义绘制逻辑 - 使用`enterEvent/leaveEvent`实现悬停效果 - 通过`mousePressEvent`处理点击状态 - 支持图标+文字的组合显示 - 采用抗锯齿渲染提升视觉效果 **注意事项:** 1. 必须调用父类构造函数`QPushButton(parent)` 2. 图标路径需要使用Qt资源系统(`qrc`) 3. 事件处理函数中需要调用父类实现(如需保留默认行为) 4. 建议使用样式表配合自定义绘制实现更复杂效果
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值