Roson讲Qt #7 QStyle(定制应用程序的外观风格)

客官°小女子只卖身不卖艺 2022-09-07 00:08 140阅读 0赞

# 1.QStyle #

QStyle类是一个抽象基类，封装GUI的外观和感觉。

Qt包含一组QStyle子类，模拟Qt支持的不同平台的风格(QWindowsStyle, QMacStyle等)。默认情况下，这些样式内置在Qt GUI模块中。样式也可以作为插件提供。

Qt的内置小部件使用QStyle来执行几乎所有的绘图，确保它们看起来与等效的本地小部件完全相同。下图显示了8种不同风格的QComboBox：

![20210821155815822.png][]

# 2.QStyleFactory #

QStyleFactory类创建QStyle对象。

QStyle类是一个抽象基类，封装GUI的外观和感觉。QStyleFactory使用create()函数和标识样式的键创建一个QStyle对象。这些样式要么是内置的，要么是从样式插件动态加载的(参见QStylePlugin)。

可以使用keys()函数检索有效的键。通常它们包括“窗口”和“融合”。根据平台的不同，“windowsxp”，“windowsvista”，“gtk”和“macintosh”可能是可用的。注意，键是不区分大小写的。

使用QStyleFactory指定一种风格：

QApplication::setStyle(QStyleFactory::create("Fusion"));

如何确定Qt自带了哪些风格？

QStringList strList = QStyleFactory::keys();
    	for (int i = 0;i<strList.size();i++)
    	{
    		qDebug()<<strList[i];
    	}

我自己的电脑上运行结果为：

*  "Windows"
 *  "WindowsXP"
 *  "WindowsVista"
 *  "Fusion"

# 3.创建自定义样式 #

您可以通过创建自定义样式为应用程序创建自定义外观。有两种方法可以创建自定义样式。在静态方法中，要么选择一个现有的QStyle类，子类化它，然后重新实现虚拟函数来提供定制行为，要么从头创建一个完整的QStyle类。在动态方法中，您可以在运行时修改系统样式的行为。下面描述静态方法。动态方法在QProxyStyle中描述。

静态方法的第一步是选择Qt提供的样式之一，从中构建自定义样式。您对QStyle类的选择将取决于哪种样式与您想要的样式最相似。可以用作基类的最一般的类是QCommonStyle(不是QStyle)。这是因为Qt要求它的样式是QCommonStyles。

根据您想要更改的基本样式的哪些部分，您必须重新实现用于绘制接口的那些部分的函数。为了说明这一点，我们将修改由QWindowsStyle绘制的QSpinBox箭头的外观。箭头是由drawPrimitive()函数绘制的基本元素，因此我们需要重新实现该函数。我们需要下面的类声明:

class CustomStyle : public QProxyStyle
    {
        Q_OBJECT
    
    public:
        CustomStyle();
        ~CustomStyle() {}
    
        void drawPrimitive(PrimitiveElement element, const QStyleOption *option,
                           QPainter *painter, const QWidget *widget) const;
    };

为了绘制向上和向下的箭头，QSpinBox使用PE\_IndicatorSpinUp和PE\_IndicatorSpinDown原语元素。下面是如何重新实现drawPrimitive()函数以不同的方式绘制它们:

void CustomStyle::drawPrimitive(PrimitiveElement element, const QStyleOption *option,
                                    QPainter *painter, const QWidget *widget) const
    {
        if (element == PE_IndicatorSpinUp || element == PE_IndicatorSpinDown) {
            QPolygon points(3);
            int x = option->rect.x();
            int y = option->rect.y();
            int w = option->rect.width() / 2;
            int h = option->rect.height() / 2;
            x += (option->rect.width() - w) / 2;
            y += (option->rect.height() - h) / 2;
    
            if (element == PE_IndicatorSpinUp) {
                points[0] = QPoint(x, y + h);
                points[1] = QPoint(x + w, y + h);
                points[2] = QPoint(x + w / 2, y);
            } else { // PE_SpinBoxDown
                points[0] = QPoint(x, y);
                points[1] = QPoint(x + w, y);
                points[2] = QPoint(x + w / 2, y + h);
            }
    
            if (option->state & State_Enabled) {
                painter->setPen(option->palette.mid().color());
                painter->setBrush(option->palette.buttonText());
            } else {
                painter->setPen(option->palette.buttonText().color());
                painter->setBrush(option->palette.mid());
            }
            painter->drawPolygon(points);
        } else {
        QProxyStyle::drawPrimitive(element, option, painter, widget);
        }
    }

注意，我们不使用小部件参数，只是将它传递给QWindowStyle::drawPrimitive()函数。如前所述，关于要绘制什么以及应该如何绘制的信息是由QStyleOption对象指定的，因此不需要询问小部件。

如果您需要使用小部件参数来获取额外的信息，请在使用它之前确保它不是0并且是正确的类型。例如:

const QSpinBox *spinBox = qobject_cast<const QSpinBox *>(widget);
        if (spinBox) {
        ...
        }

在实现自定义样式时，不能仅仅因为枚举值被称为PE\_IndicatorSpinUp或PE\_IndicatorSpinDown就假设小部件是QSpinBox。

Styles示例的文档更详细地介绍了这个主题。

警告:自定义QStyle子类目前不支持Qt样式表。

# 4.使用自定义样式 #

在Qt应用程序中有几种使用自定义样式的方法。最简单的方法是在创建QApplication对象之前将自定义样式传递给QApplication::setStyle()静态函数:

#include <QtWidgets>
    
    #include "customstyle.h"
    
    int main(int argc, char *argv[])
    {
        QApplication::setStyle(new CustomStyle);
        QApplication app(argc, argv);
        QSpinBox spinBox;
        spinBox.show();
        return app.exec();
    }

[20210821155815822.png]: /images/20220829/52cc1ffd7899468cb49ff1374408f6df.png