Qt创建一个自定义QPushButton

发布时间 2023-11-28 13:18:54作者: 飘杨......

一、概述

  使用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.三种按钮的演示效果