QML入门教程(6)：单选按钮RadioButton的用法及自定义

令狐掌门

已于 2022-01-26 10:05:36 修改

阅读量7.6k

点赞数 9

分类专栏： QML入门进阶教程文章标签： RadioButton QML控件

于 2020-05-03 23:52:16 首次发布

本文链接：https://blog.csdn.net/yao_hou/article/details/105910890

版权

QML入门进阶教程专栏收录该内容

59 篇文章 7 订阅 ¥129.90 ¥299.90

订阅专栏

本文是QML的RadioButton入门教程，包括简单用法和自定义实践。介绍了如何通过checked属性获取单选结果，以及如何自定义RadioButton的效果，如改变圆圈的大小、颜色样式，并调整文字与圆圈的位置。

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

一 RadioButton的简单用法

QML的单选按钮是RadioButton，例如下面的界面

实现代码如下：

RadioButton {
  id:rb1
  checked: true
  text: qsTr("First")
}
		  
RadioButton {
  id:rb2
  text: qsTr("Second")
}

RadioButton {
  id:rb3
  text: qsTr("Third")
}

Button{
  text: "获取单选状态"
  onClicked: {
	  console.log("单选按钮1：" + rb1.checked)
	  console.log("单选按钮2：" + rb2.checked)
	  console.log("单选按钮3：" + rb3.checked)
  }
}

可以通过checked属性，获取单选的结果，控制台输出：