ribir_widgets 0.3.0

A non-intrusive declarative GUI framework, to build modern native/wasm cross-platform applications.
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

use ribir_core::prelude::*;

use crate::prelude::*;

/// Avatar usage
///
/// # Example
///
/// ```
/// # use ribir_core::prelude::*;
/// # use ribir_widgets::prelude::*;
///
/// fn_widget! {
///   @ Avatar {
///     @ { Label::new("A") }
///   }
/// };
///
/// # #[cfg(feature="png")]
/// fn_widget! {
///   @ Avatar {
///     @ { ShallowImage::from_png(include_bytes!("../../gpu/examples/leaves.png")) }
///   }
/// };
/// ```
#[derive(Declare, Default, Clone)]
pub struct Avatar {
  #[declare(default=Palette::of(ctx!()).primary())]
  pub color: Color,
}

#[derive(Clone)]
pub struct AvatarStyle {
  pub size: Size,
  pub radius: Option<f32>,
  pub text_style: CowArc<TextStyle>,
}

impl CustomStyle for AvatarStyle {
  fn default_style(ctx: &BuildCtx) -> Self {
    AvatarStyle {
      size: Size::splat(40.),
      radius: Some(20.),
      text_style: TypographyTheme::of(ctx).body_large.text.clone(),
    }
  }
}

pub struct AvatarDecorator;

impl ComposeDecorator for AvatarDecorator {
  fn compose_decorator(_: State<Self>, host: Widget) -> impl WidgetBuilder { fn_widget!(host) }
}

#[derive(Template)]
pub enum AvatarTemplate {
  Text(State<Label>),
  Image(Resource<PixelImage>),
}

impl ComposeChild for Avatar {
  type Child = AvatarTemplate;

  fn compose_child(this: impl StateWriter<Value = Self>, child: Self::Child) -> impl WidgetBuilder {
    fn_widget! {
      @ {
        let AvatarStyle {
          size, radius, text_style,
        } = AvatarStyle::of(ctx!());
        let palette1 = Palette::of(ctx!()).clone();
        let palette2 = Palette::of(ctx!()).clone();
        let w: Widget = match child {
          AvatarTemplate::Text(text) => {
            @Container {
              size,
              border_radius: radius.map(Radius::all),
              background: pipe!(Brush::from(palette1.base_of(&$this.color))),
              @Text {
                h_align: HAlign::Center,
                v_align: VAlign::Center,
                text: $text.0.clone(),
                text_style,
                foreground: pipe!(Brush::from(palette2.on_of(&palette2.base_of(&$this.color)))),
              }
            }
          },
          AvatarTemplate::Image(image) => {
            let clip = radius.map(|radius| {
              let path = Path::rect_round(
                &Rect::from_size(size),
                &Radius::all(radius),
              );
              Clip { clip: ClipType::Path(path) }
            });
            @$clip {
              @Container {
                size,
                @$image {
                  box_fit: BoxFit::Contain,
                }
              }
            }
          }
        };

        @SizedBox {
          size,
          @ { w }
        }
      }
    }
  }
}