iced_aw 0.14.1

Additional widgets for the Iced GUI library
Documentation 
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
107
108
109
110
111
112
113
114

// This example demonstrates how to use the `badge` widget.
//
// It was written by Kaiden42 <gitlab@tinysn.com>

use iced::{
    Alignment, Element, Length,
    widget::{Column, Container, Row, Text},
};

use iced_aw::{helpers::badge, style, style::status::Status};

const BADGE_TEXT_SIZE: u32 = 15;

fn main() -> iced::Result {
    iced::application(
        BadgeExample::default,
        BadgeExample::update,
        BadgeExample::view,
    )
    .run()
}

#[derive(Debug, Clone)]
enum Message {}

struct BadgeExample {
    messages: Vec<(String, usize)>,
}

impl Default for BadgeExample {
    fn default() -> Self {
        Self {
            messages: vec![
                ("Charlotte-Jayne Gilpin".to_string(), 20),
                ("Keanu Reeves".to_string(), 42),
                ("Stephen Hawking".to_string(), 21),
            ],
        }
    }
}

impl BadgeExample {
    fn update(&mut self, _message: Message) {}

    fn view(&self) -> Element<'_, Message> {
        let content = Column::new()
            .push(Text::new("Messages").size(32))
            .spacing(10)
            .max_width(300);

        let content_messages =
            self.messages
                .iter()
                .enumerate()
                .fold(content, |col, (i, (name, count))| {
                    col.push(
                        Row::new()
                            .align_y(Alignment::Center)
                            .push(Text::new(name).width(Length::Fill))
                            .push(
                                badge(Text::new(format!("{count}")).size(BADGE_TEXT_SIZE))
                                    .style(predefined_style(i)),
                            ),
                    )
                });

        let content_all = Column::new()
            .spacing(10)
            .push(Text::new("All available badge styles:").size(32))
            .push(
                Row::new()
                    .spacing(10)
                    .push(badge(Text::new("Default")))
                    .push(badge(Text::new("Primary")).style(style::badge::primary))
                    .push(badge(Text::new("Secondary")).style(style::badge::secondary))
                    .push(badge(Text::new("Success")).style(style::badge::success))
                    .push(badge(Text::new("Danger")).style(style::badge::danger)),
            )
            .push(
                Row::new()
                    .spacing(10)
                    .push(badge(Text::new("Warning")).style(style::badge::warning))
                    .push(badge(Text::new("Info")).style(style::badge::info))
                    .push(badge(Text::new("Light")).style(style::badge::light))
                    .push(badge(Text::new("Dark")).style(style::badge::dark))
                    .push(badge(Text::new("White")).style(style::badge::white)),
            );

        Container::new(
            Column::new()
                .spacing(10)
                .align_x(Alignment::Center)
                .push(content_messages)
                .push(content_all),
        )
        .width(Length::Fill)
        .height(Length::Fill)
        .into()
    }
}

fn predefined_style(index: usize) -> impl Fn(&iced::Theme, Status) -> style::badge::Style {
    match index {
        0 => style::badge::primary,
        1 => style::badge::secondary,
        2 => style::badge::success,
        3 => style::badge::danger,
        4 => style::badge::warning,
        5 => style::badge::info,
        6 => style::badge::light,
        7 => style::badge::dark,
        _ => style::badge::primary,
    }
}