Simplify checkbox example

This commit is contained in:
Héctor Ramón Jiménez 2024-02-01 13:09:14 +01:00
parent b5f1ca1695
commit 8a0632d5ba
No known key found for this signature in database
GPG key ID: 7CC46565708259A7
2 changed files with 30 additions and 35 deletions

View file

@ -1,6 +1,6 @@
use iced::executor; use iced::executor;
use iced::font::{self, Font}; use iced::font::{self, Font};
use iced::theme::Checkbox; use iced::theme;
use iced::widget::{checkbox, column, container, row, text}; use iced::widget::{checkbox, column, container, row, text};
use iced::{Application, Command, Element, Length, Settings, Theme}; use iced::{Application, Command, Element, Length, Settings, Theme};
@ -12,17 +12,16 @@ pub fn main() -> iced::Result {
#[derive(Default)] #[derive(Default)]
struct Example { struct Example {
default_checkbox: bool, default: bool,
custom_checkbox: bool, styled: bool,
styled_checkbox_enabled: bool, custom: bool,
styled_checkbox_checked: bool,
} }
#[derive(Debug, Clone, Copy)] #[derive(Debug, Clone, Copy)]
enum Message { enum Message {
DefaultChecked(bool), DefaultToggled(bool),
CustomChecked(bool), CustomToggled(bool),
StyledChecked(bool), StyledToggled(bool),
FontLoaded(Result<(), font::Error>), FontLoaded(Result<(), font::Error>),
} }
@ -46,13 +45,14 @@ impl Application for Example {
fn update(&mut self, message: Message) -> Command<Message> { fn update(&mut self, message: Message) -> Command<Message> {
match message { match message {
Message::DefaultChecked(value) => { Message::DefaultToggled(default) => {
self.default_checkbox = value; self.default = default;
self.styled_checkbox_enabled = value;
} }
Message::CustomChecked(value) => self.custom_checkbox = value, Message::StyledToggled(styled) => {
Message::StyledChecked(value) => { self.styled = styled;
self.styled_checkbox_checked = value }
Message::CustomToggled(custom) => {
self.custom = custom;
} }
Message::FontLoaded(_) => (), Message::FontLoaded(_) => (),
} }
@ -61,30 +61,25 @@ impl Application for Example {
} }
fn view(&self) -> Element<Message> { fn view(&self) -> Element<Message> {
let default_checkbox = checkbox("Default", self.default_checkbox) let default_checkbox = checkbox("Default", self.default)
.on_toggle(Message::DefaultChecked); .on_toggle(Message::DefaultToggled);
let checkboxes = [ let styled_checkbox = |label, style| {
("Primary", Checkbox::Primary), checkbox(label, self.styled)
("Secondary", Checkbox::Secondary), .on_toggle_maybe(self.default.then(|| Message::StyledToggled))
("Success", Checkbox::Success), .style(style)
("Danger", Checkbox::Danger), };
];
let checkboxes = row(checkboxes let checkboxes = row![
.into_iter() styled_checkbox("Primary", theme::Checkbox::Primary),
.map(|(label, style)| { styled_checkbox("Secondary", theme::Checkbox::Secondary),
checkbox(label, self.styled_checkbox_checked) styled_checkbox("Success", theme::Checkbox::Success),
.on_toggle_maybe( styled_checkbox("Danger", theme::Checkbox::Danger),
self.default_checkbox.then(|| Message::StyledChecked), ]
)
.style(style)
})
.map(Element::from))
.spacing(10); .spacing(10);
let custom_checkbox = checkbox("Custom", self.custom_checkbox) let custom_checkbox = checkbox("Custom", self.custom)
.on_toggle(Message::CustomChecked) .on_toggle(Message::CustomToggled)
.icon(checkbox::Icon { .icon(checkbox::Icon {
font: ICON_FONT, font: ICON_FONT,
code_point: '\u{e901}', code_point: '\u{e901}',

View file

@ -28,7 +28,7 @@ pub use crate::style::checkbox::{Appearance, StyleSheet};
/// ///
/// let is_checked = true; /// let is_checked = true;
/// ///
/// Checkbox::new("Toggle me!", is_checked, Message::CheckboxToggled); /// Checkbox::new("Toggle me!", is_checked).on_toggle(Message::CheckboxToggled);
/// ``` /// ```
/// ///
/// ![Checkbox drawn by `iced_wgpu`](https://github.com/iced-rs/iced/blob/7760618fb112074bc40b148944521f312152012a/docs/images/checkbox.png?raw=true) /// ![Checkbox drawn by `iced_wgpu`](https://github.com/iced-rs/iced/blob/7760618fb112074bc40b148944521f312152012a/docs/images/checkbox.png?raw=true)