QML单选按钮

        好长时间没写博客了，今天记录下前段时间用到的QML单选按钮RadioButton, 根据Qt帮助文档查找RadioButton，可以看见如下图所示的效果。

        根据上图可以看出包含此单选按钮的模块有两个，一个是QtQuick.Controls 2.5，另一个是import QtQuick.Controls 1.4，2.5是1.4的升级版，但有一些属性却并不兼容。我要说的是2.5，来自QT5.7以后。

  两个模块包含的控件区别详情见Differences between Qt Quick Controls 1，如下图所示。

 

接下来正式开始介绍RadioButton, 首先使用RadioButton控件需要导入包含它的模块，即import QtQuick.Controls 2.5，此控件继承自AbstractButton。

使用时检测checked属性即可，也可对此属性赋值（false或true）。在同一个父类下使用互斥。（其他属性不常用可查看帮助文档）。

测试实例如下。

import QtQuick 2.0
import QtQuick.Controls 2.1
import QtQuick.Layouts 1.3
import QtQuick.Window 2.12
Window {
      visible: true
      width: 800
      height: 400
      color: "gray"

      ColumnLayout {
           RadioButton {
               checked: true
               text: qsTr("First")
           }
           RadioButton {
               text: qsTr("Second")
           }
           RadioButton {
               text: qsTr("Third")
           }
       }

      RadioButton {
          x:500
          text: qsTr("no")
      }
      RadioButton {
          x:500
          y:200
          text: qsTr("yes")
      }

  }

程序效果如下：

PS:如果其他的属性有问题，可以评论大家一起探讨进步。20190613