当前位置:   article > 正文

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

qml radiobutton

一 RadioButton的简单用法

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

实现代码如下:

  1. RadioButton {
  2. id:rb1
  3. checked: true
  4. text: qsTr("First")
  5. }
  6. RadioButton {
  7. id:rb2
  8. text: qsTr("Second")
  9. }
  10. RadioButton {
  11. id:rb3
  12. text: qsTr("Third")
  13. }
  14. Button{
  15. text: "获取单选状态"
  16. onClicked: {
  17. console.log("单选按钮1:" + rb1.checked)
  18. console.log("单选按钮2:" + rb2.checked)
  19. console.log("单选按钮3:" + rb3.checked)
  20. }
  21. }

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

qml: 单选按钮1:false

qml: 单选按钮2:true

qml: 单选按钮3:false

二 自定义RadioButton

2.1 自定义效果,可以设置圆圈的半径大小,颜色样式等

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/733653
推荐阅读
相关标签
  

闽ICP备14008679号