RadioButton in QML Desktop

Question

Ho 3 pulsanti di opzione nella mia pagina (applicazione desktop QML), una volta che ne ho spuntato uno voglio che tutti gli altri siano deselezionati. Ho provato ad utilizzare CheckableGroup con il codice che ho trovato nella guida

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 
} 
} 

ma sto ottenendo un errore "platformExclusiveGroup non è un nome di proprietà valido" ho provato un'altra soluzione

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

che quando un pulsante è selezionato, tutti gli altri sono deselezionati, ma gli altri pulsanti lasciati controllati fino a quando non muovo il mouse su di essi - non vengono visualizzati.

qualche idea su come implementarlo?

Answer 1

I RadioButton in QML componenti del desktop non supporta il tuo primo approccio, ma si potrebbe provare questa soluzione invece:

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

è necessario specificare un ExclusiveGroup per i 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 
    } 
}