Radio Buttons

[ravenclaw900]

I've seen radio buttons mentioned vaguely in the docs (I think) and in PRs, but are there actually radio buttons built in to slint? Otherwise, is there a way to make checkboxes behave like radio buttons?

[ogoffart]

We still don't have builtin radio button.

We have an example that implement them:

slint/examples/fancy_demo/main.slint

Line 197 in 29b17fd

RadioButton := TouchArea {

Used in

slint/examples/fancy_demo/main.slint

Lines 387 to 389 in 29b17fd

	r1 := RadioButton { text: "First"; clicked => { unsel(); r1.checked = true; } }
	r2 := RadioButton { text: "Second"; clicked => { unsel(); r2.checked = true; } }
	r3 := RadioButton { text: "Third"; clicked => { unsel(); r3.checked = true; } }

and we manually reset them on click with the function

slint/examples/fancy_demo/main.slint

Line 358 in 29b17fd

function unsel() { r1.checked = false; r2.checked = false; r3.checked = false; }

But this is a currently missing widget that we still need to add to Slint

[codecat]

Is there a way to do this when the number of radio buttons are variable? (eg. generated dynamically from an array?)

Edit: Figured out a way, posted as a new reply.

[codecat]

In addition to the answer already in this thread, if you have a dynamic number of radio buttons, you can do something like this:

VerticalLayout {
  out property <string> selected-item;

  for item in items : RadioButton {
    text: item;
    checked: selected-item == item;
    clicked => { selected-item = item; }
  }
}