RadioButton w QML Desktop

Question

Mam 3 przyciski radiowe na mojej stronie (aplikacja komputerowa QML), gdy raz zaznaczyłem jedną, a wszystkie pozostałe mają być odznaczone. Próbowałem za pomocą CheckableGroup z kodem I znaleźć w pomocy

CheckableGroup { id: group } 
Row { 
id: row 
spacing: platformStyle.paddingMedium 
RadioButton { 
    id: button1 
    text: "1" 
    platformExclusiveGroup: group 
} 
RadioButton { 
    id: button2 
    text: "2" 
    platformExclusiveGroup: group 
} 
RadioButton { 
    id: button3 
    text: "3" 
    platformExclusiveGroup: group 
    checked: true 
} 
} 

ale dostaję błąd „platformExclusiveGroup nie jest poprawną nazwą właściwość” próbowałem Innym rozwiązaniem

RadioButton{ 
    id:rbtnDecimal1; 
    width: 130; 
    onClicked:{ 
    if(checked){ 
     rbtnHexadecimal1.checked=false; 
     rbtnString1.checked=false; 
    } 
    } 
    text: "Decimal Data"; 
    anchors.left:rbtnHexadecimal1.right 
} 

że kiedy jeden przycisk jest zaznaczony, wszystkie pozostałe są odznaczone, ale pozostałe przyciski pozostają w lewo, dopóki nie poruszę na nich myszką - one się odznaczają.

jakikolwiek pomysł, jak go wdrożyć?

Answer 1

W RadioButton w QML Elementy pulpitu nie obsługuje swoje pierwsze podejście, ale można spróbować tego obejścia zamiast:

property int currentIndex: 1 

onCurrentIndexChanged: { 
    button1.checked = currentIndex == 0 
    button2.checked = currentIndex == 1 
    button3.checked = currentIndex == 2 
} 

Row { 
    RadioButton { 
     id: button1 
     text: "1" 
     onClicked:{ 
      currentIndex = 0 
     } 
    } 
    RadioButton { 
     id: button2 
     text: "2" 
     onClicked:{ 
      currentIndex = 1 
     } 
    } 
    RadioButton { 
     id: button3 
     text: "3" 
     onClicked:{ 
      currentIndex = 2 
     } 
    } 
} 

Answer 2

Musisz podać ExclusiveGroup dla RadioButton s.

Row { 
    id: row 
    ExclusiveGroup { id: group } 
    RadioButton { 
     id: button1 
     text: "1" 
     exclusiveGroup: group 
    } 
    RadioButton { 
     id: button2 
     text: "2" 
     exclusiveGroup: group 
    } 
    RadioButton { 
     id: button3 
     text: "3" 
     exclusiveGroup: group 
     checked: true 
    } 
}