Simplify checkbox example
This commit is contained in:
parent
b5f1ca1695
commit
8a0632d5ba
2 changed files with 30 additions and 35 deletions
|
|
@ -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}',
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
/// ```
|
/// ```
|
||||||
///
|
///
|
||||||
/// 
|
/// 
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue