QML学习
- RadioButton例程
- 视频讲解
- 代码
main.qml
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15Window {width: 640height: 480visible: truetitle: qsTr("RadioButton")Item {id: rect1width: radio101.widthRadioButton {id: radio101text: "Option 1-01"indicator: Rectangle {width: 20height: 20border.width: 1x: 2y: (radio101.height - height) / 2color: radio101.checked? "black": "white"}contentItem: Text {leftPadding: radio101.indicator.widthtext: radio101.textfont.pointSize: 15color: "red"MouseArea {onClicked: {radio101.checked = radio101.checked? false: true}}}}RadioButton {id: radio102anchors.top: radio101.bottomtext: "Option 1-02"}RadioButton {id: radio103anchors.top: radio102.bottomtext: "Option 1-03"}}Item {id: rect2anchors.left: rect1.rightwidth: radio201.widthRadioButton {id: radio201text: "Option 2-01"autoExclusive: false}RadioButton {id: radio202anchors.top: radio201.bottomtext: "Option 2-02"}RadioButton {id: radio203anchors.top: radio202.bottomtext: "Option 2-03"}}
}
演示
视频讲解