QML自定义Qt Quick Controls 2 样式之 RadioButton

最新推荐文章于 2024-08-20 02:23:12 发布

西格玛猫

最新推荐文章于 2024-08-20 02:23:12 发布

阅读量3.1k

点赞数 1

分类专栏： QT 文章标签： QML

本文链接：https://blog.csdn.net/weixin_43810973/article/details/85089447

版权

这篇博客记录了作者在学习Qt时如何自定义QML中的RadioButton样式。作者创建了一个名为controls的资源目录，并在其中创建RadioButton.qml文件，复制了Qt默认样式文件中的相关代码，特别是contentItem部分，然后修改了文本颜色。最后，在main.qml中使用了这个自定义的RadioButton。

摘要由CSDN通过智能技术生成

近期学习Qt，记录下学习过程，以免忘记。操作环境 WIN7+Qt 5.12.0。

新建资源目录 controls，新建 RadioButton.qml文件。
RaidoButton包含三个可视项目：background, content item 和 indicator，在默认样式文件中复制相关代码。

默认样式文件路径：$QTDIR/qml/QtQuick/Controls.2/RadioButton.qml。
本机路径：Qt5.11.2/5.11.2/mingw53_32/qml/QtQuick/Controls.2/RadioButton.qml 。

import QtQuick 2.11
import QtQuick.Controls 2.4
import QtQuick.Controls.impl 2.4
import QtQuick.Templates 2.4 as T

T.RadioButton {
   
    id: control

    implicitWidth: Math.max(background ? background.implicitWidth : 0,
                            contentItem.implicitWidth + leftPadding + rightPadding)
    implicitHeight: Math.max(background ? background.implicitHeight : 0,
                             Math.max(contentItem.implicitHeight,
                                      indicator ? indicator.implicitHeight : 0