designer实现圆角 qt_Qt编写自定义控件30-颜色多态按钮

一、前言

这个控件一开始打算用样式表来实现，经过初步的探索，后面发现还是不够智能以及不能完全满足需求，比如要在此控件设置多个角标，这个用QSS就很难实现，后面才慢慢研究用QPainter来绘制，我记得当时接到这个定制控件任务的时候是2016年，那时候对QPainter的使用还不是很熟悉，也就是从此控件开始，逐步研究QPainter的绘制，把所有的内置函数都使用一遍，最终用的越来越熟悉，使得后来到了心中有坐标，万物皆painter的境界，可能就像武林中所说的打通了任督二脉吧。

本控件除了可以设置常规的圆角角度,边框宽度,边框颜色,正常颜色,按下颜色以外，还可以设置各个角标和正文文字内容/字体/对齐方式/颜色，同时还要提供三种颜色展示模式，松开按下两种颜色，按下松开颜色上下交替，按下松开颜色渐变交替。QLinearGradient是个好东西，各种颜色交替效果全靠它来实现。

二、实现的功能

* 1:可设置圆角角度,边框宽度

* 2:可设置角标和正文文字内容/字体/对齐方式/颜色

* 3:可设置边框颜色,正常颜色,按下颜色

* 4:可设置背景图片

* 5:可设置按钮颜色模式

三、效果图

四、头文件代码

#ifndef COLORBUTTON_H
#define COLORBUTTON_H

/**
 * 多样式超级按钮控件 作者:feiyangqingyun(QQ:517216493) 2017-9-24
 * 1:可设置圆角角度,边框宽度
 * 2:可设置角标和正文文字内容/字体/对齐方式/颜色
 * 3:可设置边框颜色,正常颜色,按下颜色
 * 4:可设置背景图片
 * 5:可设置按钮颜色模式
 */

#include <QWidget>

#ifdef quc
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
#include <QtDesigner/QDesignerExportWidget>
#else
#include <QtUiPlugin/QDesignerExportWidget>
#endif

class QDESIGNER_WIDGET_EXPORT ColorButton : public QWidget
#else
class ColorButton : public QWidget
#endif

{
    
    Q_OBJECT
    Q_ENUMS(ColorMode)
    Q_ENUMS(TextAlign)
    Q_PROPERTY(int borderRadius READ getBorderRadius WRITE setBorderRadius)
    Q_PROPERTY(int borderWidth READ getBorderWidth WRITE setBorderWidth)
    Q_PROPERTY(QColor borderColor READ getBorderColor WRITE setBorderColor)

    Q_PROPERTY(bool showSuperText READ getShowSuperText WRITE setShowSuperText)
    Q_PROPERTY(QString superText READ getSuperText WRITE setSuperText)
    Q_PROPERTY(QFont superTextFont READ getSuperTextFont WRITE setSuperTextFont)
    Q_PROPERTY(TextAlign superTextAlign READ getSuperTextAlign WRITE setSuperTextAlign)
    Q_PROPERTY(QColor superTextColor READ getSuperTextColor WRITE setSuperTextColor)

    Q_PROPERTY(QString text READ getText WRITE setText)
    Q_PROPERTY(QFont textFont READ getTextFont WRITE setTextFont)
    Q_PROPERTY(TextAlign textAlign READ getTextAlign WRITE setTextAlign)
    Q_PROPERTY(QColor textColor READ getTextColor WRITE setTextColor)

    Q_PROPERTY(QColor normalColor READ getNormalColor WRITE setNormalColor)
    Q_PROPERTY(QColor pressedColor READ getPressedColor WRITE setPressedColor)

    Q_PROPERTY(bool canMove READ getCanMove WRITE setCanMove)
    Q_PROPERTY(QPixmap bgImage READ getBgImage WRITE setBgImage)
    Q_PROPERTY(ColorMode colorMode READ getColorMode WRITE setColorMode)

public:
    enum ColorMode {
    
        ColorMode_Normal = 0,       //松开按下两种颜色
        ColorMode_Replace = 1,      //按下松开颜色