Qt/QML学习-RadioButton

最新推荐文章于 2024-08-20 12:45:09 发布

放假当宅宅

最新推荐文章于 2024-08-20 12:45:09 发布

阅读量141

点赞数 2

分类专栏： Qt/QML学习文章标签： qt 学习

本文链接：https://blog.csdn.net/qq1138345424/article/details/141338646

版权

Qt/QML学习专栏收录该内容

32 篇文章 0 订阅

订阅专栏

QML学习

RadioButton例程
视频讲解
代码

main.qml

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("RadioButton")

    Item {
        id: rect1
        width: radio101.width
        RadioButton {
            id: radio101
            text: "Option 1-01"
            indicator: Rectangle {
                width: 20
                height: 20
                border.width: 1
                x: 2
                y: (radio101.height - height) / 2
                color: radio101.checked? "black": "white"
            }
            contentItem: Text {
                leftPadding: radio101.indicator.width
                text: radio101.text
                font.pointSize: 15
                color: "red"
                MouseArea {
                    onClicked: {
                        radio101.checked = radio101.checked? false: true
                    }
                }
            }
        }
        RadioButton {
            id: radio102
            anchors.top: radio101.bottom
            text: "Option 1-02"
        }
        RadioButton {
            id: radio103
            anchors.top: radio102.bottom
            text: "Option 1-03"
        }
    }
    Item {
        id: rect2
        anchors.left: rect1.right
        width: radio201.width
        RadioButton {
            id: radio201
            text: "Option 2-01"
            autoExclusive: false
        }
        RadioButton {
            id: radio202
            anchors.top: radio201.bottom
            text: "Option 2-02"
        }
        RadioButton {
            id: radio203
            anchors.top: radio202.bottom
            text: "Option 2-03"
        }
    }
}