Qt创建一个自定义QPushButton

一、概述

　　使用Qt创建一个通用的QPushButton。应用一些样式把按钮做的好看一些。

　　步骤：

　　　　1.新建一个Button类然后继承QPushButton

　　　　2.设置Button的通用样式（ps：使用.qss文件的形式应用样式）

　　　　3.个性化设置不同的样式

　　　　4.做一个圆角按钮、带图标按钮、带背景图片按钮

二、示例

　　1.创建Button.h和Button.cpp继承QPushButton 【默认样式】

#include "Button.h"
#include <QDebug>
#include <QIcon>

Button::Button(QWidget* parent)
    : QPushButton(parent)
{
    //this->resize(80, 36);
    this->setFixedHeight(36);
　　//设置默认的样式
    QString css = StyleHelper::getStyleSheet(StyleConfig::COMMON_BUTTON_STYLE());
    this->setStyleSheet(css);
}
/**
* 设置自定义按钮样式
* 样式直接从StyleConfig中获取，里面存放了一些通用样式
*/
void Button::setCustomStyleSheet(QString qss) {
    QString css = StyleHelper::getStyleSheet(qss);
    this->setStyleSheet(css);
}

Button::~Button()
{
}

　　2.个性化设置按钮的样式 【第二个按钮样式】、【第三个按钮样式】

Button *btn = new Button(this);
btn->move(0, 5);
btn->setText("点击按钮应用样式");

//给按钮加上图标
Button* btn2 = new Button(this);
btn2->setCustomStyleSheet(StyleConfig::COMMON_BUTTON_SHAPE_BLACK_R10());
btn2->setText("第二个按钮");
btn2->setIcon(QIcon("images/ai_suanfa.png"));//给按钮设置图标
btn2->move(0, btn->y()+btn->height()+5);

//给按钮加上背景图片
Button* btn3 = new Button(this);
btn3->resize(100, 36);
btn3->setCustomStyleSheet(StyleConfig::COMMON_BUTTON_IMAGE_BG());
btn3->move(5,btn2->y()+ btn2->height()+5);

　　3.三种按钮的演示效果