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, Radio},
    Font, Sandbox, Settings,
};

fn main() -> iced::Result {
    MyApp::run(Settings::default())
}

#[derive(Debug, Clone)]
enum MyAppMessage {
    DoNothing,
    Update3(u32),
    Update4(String),
}

struct MyApp {
    radio3: Option<u32>,
    radio4: Option<String>,
}

impl Sandbox for MyApp {
    type Message = MyAppMessage;

    fn new() -> Self {
        Self {
            radio3: Some(1),
            radio4: Some("a".into()),
        }
    }

    fn title(&self) -> String {
        String::from("My App")
    }

    fn update(&mut self, message: Self::Message) {
        match message {
            MyAppMessage::DoNothing => {}
            MyAppMessage::Update3(i) => self.radio3 = Some(i),
            MyAppMessage::Update4(s) => self.radio4 = Some(s),
        }
    }

    fn view(&self) -> iced::Element<Self::Message> {
        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, self.radio3, |i| MyAppMessage::Update3(i)),
                radio("B", 2, self.radio3, |i| MyAppMessage::Update3(i)),
                radio("C", 3, self.radio3, |i| MyAppMessage::Update3(i)),
            ],
            row![
                text("Radio of String values"),
                radio("A", &"a".to_string(), self.radio4.as_ref(), |s| {
                    MyAppMessage::Update4(s.into())
                }),
                radio("B", &"b".to_string(), self.radio4.as_ref(), |s| {
                    MyAppMessage::Update4(s.into())
                }),
                radio("C", &"c".to_string(), self.radio4.as_ref(), |s| {
                    MyAppMessage::Update4(s.into())
                }),
            ],
            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