radio.md

Radio

The Radio widget represents a choice among multiple values. It has two methods of constructions. It supports reactions to clicking and touching. It is able to change styles of the button and the text. It can also change the space between them.

use iced::{
    font::Family,
    widget::{column, radio, row, text, text::Shaping, Column, Radio},
    Font,
};

pub fn main() -> iced::Result {
    iced::application("My app", update, view).run()
}

#[derive(Debug, Clone)]

enum MyAppMessage {
    DoNothing,
    Update3(u32),
    Update4(String),
}

#[derive(Default)]
struct State {
    radio3: Option<u32>,
    radio4: Option<String>,
}

fn update(state: &mut State, message: MyAppMessage) {
    match message {
        MyAppMessage::DoNothing => {}
        MyAppMessage::Update3(u) => {
            state.radio3 = Some(u);
        }
        MyAppMessage::Update4(s) => {
            state.radio4 = Some(s);
        }
    }
}
  

fn view(state: &State) -> Column<MyAppMessage> {
    column![
        Radio::new("Construct from struct", 0, None, |_| {
            MyAppMessage::DoNothing
        }),
        radio("Construct from function", 0, None, |_| {
            MyAppMessage::DoNothing
        }),
        row![
            text("Functional radio"),
            radio("A", 1, state.radio3, |i| MyAppMessage::Update3(i)),
            radio("B", 2, state.radio3, |i| MyAppMessage::Update3(i)),
            radio("C", 3, state.radio3, |i| MyAppMessage::Update3(i)),
        ],
        row![
            text("Radio of String values"),
            radio("A", &"a".to_string(), state.radio4.as_ref(), |s| {
                MyAppMessage::Update4(s.into())
            }),
            radio("B", &"b".to_string(), state.radio4.as_ref(), |s| {
                MyAppMessage::Update4(s.into())
            }),
            radio("C", &"c".to_string(), state.radio4.as_ref(), |s| {
                MyAppMessage::Update4(s.into())
            }),
        ],
        // Characterize Options
        radio("Larger button", 0, None, |_| MyAppMessage::DoNothing).size(40),
        radio("Different font", 0, None, |_| MyAppMessage::DoNothing).font(Font {
            family: Family::Fantasy,
            ..Font::DEFAULT
        }),
        radio("Larger text", 0, None, |_| MyAppMessage::DoNothing).text_size(24),
        radio("Special character 😊", 0, None, |_| {
            MyAppMessage::DoNothing
        })
        .text_shaping(Shaping::Advanced),
        radio("Space between button and text", 0, None, |_| {
            MyAppMessage::DoNothing
        })
        .spacing(30),
    ]
    .into()
}

➡️ Next: PickList

📘 Back: Table of contents