1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
use iced::executor;
use iced::font::{self, Font};
use iced::theme::Checkbox;
use iced::widget::{checkbox, column, container, row, text};
use iced::{Application, Command, Element, Length, Settings, Theme};
const ICON_FONT: Font = Font::with_name("icons");
pub fn main() -> iced::Result {
Example::run(Settings::default())
}
#[derive(Default)]
struct Example {
default_checkbox: bool,
custom_checkbox: bool,
styled_checkbox_enabled: bool,
styled_checkbox_checked: bool,
}
#[derive(Debug, Clone, Copy)]
enum Message {
DefaultChecked(bool),
CustomChecked(bool),
StyledChecked(bool),
FontLoaded(Result<(), font::Error>),
}
impl Application for Example {
type Message = Message;
type Flags = ();
type Executor = executor::Default;
type Theme = Theme;
fn new(_flags: Self::Flags) -> (Self, Command<Message>) {
(
Self::default(),
font::load(include_bytes!("../fonts/icons.ttf").as_slice())
.map(Message::FontLoaded),
)
}
fn title(&self) -> String {
String::from("Checkbox - Iced")
}
fn update(&mut self, message: Message) -> Command<Message> {
match message {
Message::DefaultChecked(value) => {
self.default_checkbox = value;
self.styled_checkbox_enabled = value;
}
Message::CustomChecked(value) => self.custom_checkbox = value,
Message::StyledChecked(value) => {
self.styled_checkbox_checked = value
}
Message::FontLoaded(_) => (),
}
Command::none()
}
fn view(&self) -> Element<Message> {
let default_checkbox = checkbox("Default", self.default_checkbox)
.on_toggle(Message::DefaultChecked);
let checkboxes = [
("Primary", Checkbox::Primary),
("Secondary", Checkbox::Secondary),
("Success", Checkbox::Success),
("Danger", Checkbox::Danger),
];
let checkboxes = row(checkboxes
.into_iter()
.map(|(label, style)| {
checkbox(label, self.styled_checkbox_checked)
.on_toggle_maybe(
self.default_checkbox.then(|| Message::StyledChecked),
)
.style(style)
})
.map(Element::from))
.spacing(10);
let custom_checkbox = checkbox("Custom", self.custom_checkbox)
.on_toggle(Message::CustomChecked)
.icon(checkbox::Icon {
font: ICON_FONT,
code_point: '\u{e901}',
size: None,
line_height: text::LineHeight::Relative(1.0),
shaping: text::Shaping::Basic,
});
let content =
column![default_checkbox, checkboxes, custom_checkbox,].spacing(22);
container(content)
.width(Length::Fill)
.height(Length::Fill)
.center_x()
.center_y()
.into()
}
}
|
