mirui 0.42.0

A lightweight, no_std ECS-driven UI framework for embedded, desktop, and WebAssembly
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222

#![allow(clippy::needless_update)]

use crate::prelude::draw::*;
use crate::prelude::*;
use crate::render::scene::resolver::SliceResolver;
use crate::render::scene::{Scene, SceneOp};
use crate::ui::widgets::Text;

#[derive(Default)]
pub struct RenderShowcase;

const SCENE: &[SceneOp] = scene! {
    rect 0 0 640 660 0 22 24 32 255 255;

    fill_path { M 16 16; L 316 16; L 316 232; L 16 232; Z } 30 34 44 255 255;
    fill_path { M 324 16; L 624 16; L 624 232; L 324 232; Z } 30 34 44 255 255;
    fill_path { M 16 248; L 316 248; L 316 464; L 16 464; Z } 30 34 44 255 255;
    fill_path { M 324 248; L 624 248; L 624 464; L 324 464; Z } 30 34 44 255 255;
    fill_path { M 16 480; L 316 480; L 316 644; L 16 644; Z } 30 34 44 255 255;
    fill_path { M 324 480; L 624 480; L 624 644; L 324 644; Z } 30 34 44 255 255;

    fill_path {
        M 50 40;
        C 50 32 58 26 66 26;
        C 74 26 82 32 82 40;
        C 82 48 74 54 66 54;
        C 58 54 50 48 50 40;
        Z;
        M 166 26;
        C 224 26 268 70 268 128;
        C 268 186 224 230 166 230;
        C 108 230 64 186 64 128;
        C 64 70 108 26 166 26;
        Z
    } { linear 0 0 1 1 stops [0 50 120 255 255 0.55 125 90 255 255 1 255 70 90 255] spread pad units object_bbox } 255 fill_rule evenodd;
    stroke_path {
        M 50 40;
        C 50 32 58 26 66 26;
        C 74 26 82 32 82 40;
        C 82 48 74 54 66 54;
        C 58 54 50 48 50 40;
        Z;
        M 166 26;
        C 224 26 268 70 268 128;
        C 268 186 224 230 166 230;
        C 108 230 64 186 64 128;
        C 64 70 108 26 166 26;
        Z
    } 3 255 255 255 255 220 cap round join round miter 4 dash [10 6 4 6];

    fill_path {
        M 194 188;
        C 194 172 182 160 166 160;
        C 150 160 138 172 138 188;
        C 138 204 150 216 166 216;
        C 182 216 194 204 194 188;
        Z
    } { radial 0.42 0.38 0.7 0.42 0.38 0 stops [0 255 255 255 255 0.42 90 190 255 255 1 20 70 190 255] spread pad units object_bbox } 255 fill_rule evenodd;

    push_clip {
        M 562 124;
        C 562 79 527 44 482 44;
        C 437 44 402 79 402 124;
        C 402 169 437 204 482 204;
        C 527 204 562 169 562 124;
        Z
    } fill_rule evenodd;
    rect 382 40 184 38 8 255 90 110 255 255;
    rect 382 82 184 38 8 255 190 80 255 255;
    rect 382 124 184 38 8 80 210 160 255 255;
    rect 382 166 184 38 8 80 145 255 255 255;
    pop_clip;
    stroke_path {
        M 562 124;
        C 562 79 527 44 482 44;
        C 437 44 402 79 402 124;
        C 402 169 437 204 482 204;
        C 527 204 562 169 562 124;
        Z
    } 2 230 235 245 255 220 cap round join round miter 4 dash [];

    group filter "blur:4:4" disjoint;
    rect 36 272 80 80 8 255 90 110 255 255;
    rect 96 296 80 80 8 80 210 160 255 255;
    rect 176 272 80 80 8 255 190 80 255 255;
    fill_path {
        M 160 312;
        C 160 288 140 268 116 268;
        C 92 268 72 288 72 312;
        C 72 336 92 356 116 356;
        C 140 356 160 336 160 312;
        Z
    } 145 255 120 255 230 fill_rule evenodd;
    endgroup;

    fill_path {
        M 280 312;
        C 280 288 260 268 236 268;
        C 212 268 192 288 192 312;
        C 192 336 212 356 236 356;
        C 260 356 280 336 280 312;
        Z
    } 145 255 120 255 230 fill_rule evenodd;

    fill_path {
        M 390 44;
        L 414 104;
        L 366 104;
        Z;
        M 390 204;
        L 366 144;
        L 414 144;
        Z;
        M 330 124;
        L 370 100;
        L 370 148;
        Z;
        M 450 124;
        L 410 100;
        L 410 148;
        Z
    } 255 120 180 255 255 fill_rule evenodd;

    fill_path {
        M 560 44;
        L 584 104;
        L 536 104;
        Z;
        M 560 204;
        L 536 144;
        L 584 144;
        Z;
        M 500 124;
        L 540 100;
        L 540 148;
        Z;
        M 620 124;
        L 580 100;
        L 580 148;
        Z;
        M 560 44;
        L 584 104;
        L 560 204;
        L 536 144;
        Z
    } 120 220 255 255 255 fill_rule nonzero;

    stroke_path { M 48 510; L 120 486; L 192 510; L 264 486 } 8 255 220 120 255 255 cap butt join miter miter 4 dash [];
    stroke_path { M 48 546; L 120 522; L 192 546; L 264 522 } 8 255 220 120 255 255 cap round join round miter 4 dash [];
    stroke_path { M 48 582; L 120 558; L 192 582; L 264 558 } 8 255 220 120 255 255 cap square join bevel miter 4 dash [];

    group translate 474 560 rotate 0;
    fill_path { M -50 -16; L 50 -16; L 50 16; L -50 16; Z } 100 160 235 255 220 fill_rule evenodd;
    endgroup;
    group translate 474 560 rotate 30;
    fill_path { M -50 -16; L 50 -16; L 50 16; L -50 16; Z } 120 160 215 255 220 fill_rule evenodd;
    endgroup;
    group translate 474 560 rotate 60;
    fill_path { M -50 -16; L 50 -16; L 50 16; L -50 16; Z } 140 160 195 255 220 fill_rule evenodd;
    endgroup;
    group translate 474 560 rotate 90;
    fill_path { M -50 -16; L 50 -16; L 50 16; L -50 16; Z } 160 160 175 255 220 fill_rule evenodd;
    endgroup;
    group translate 474 560 rotate 120;
    fill_path { M -50 -16; L 50 -16; L 50 16; L -50 16; Z } 180 160 155 255 220 fill_rule evenodd;
    endgroup;
    group translate 474 560 rotate 150;
    fill_path { M -50 -16; L 50 -16; L 50 16; L -50 16; Z } 200 160 135 255 220 fill_rule evenodd;
    endgroup;

    stroke_path {
        M 530 560;
        C 530 529 505 504 474 504;
        C 443 504 418 529 418 560;
        C 418 591 443 616 474 616;
        C 505 616 530 591 530 560;
        Z
    } 2 255 255 255 255 180 cap round join round miter 4 dash [6 4]
};

fn showcase_render(
    renderer: &mut dyn Renderer,
    _world: &World,
    _entity: Entity,
    _rect: &Rect,
    ctx: &mut ViewCtx,
) {
    let scene = Scene {
        ops: SCENE.to_vec(),
    };
    let resolver = SliceResolver::new(&[], &[]);
    let _ = scene.replay(renderer, ctx.clip, &resolver);
}

pub fn showcase_view() -> View {
    View::new("RenderShowcase", 60, showcase_render).with_filter::<RenderShowcase>()
}

#[compose]
pub fn build_widgets() {
    ui! {
        Column (grow: 1.0, align: AlignItems::Center) {
            RenderShowcase (width: 640, height: 660)
            Text (
                "gradient · clip · blur · fill-rule · stroke-style · transform",
                width: 640,
                height: 20,
                text_color: ColorToken::OnSurface
            )
        }
    };
}

#[cfg(feature = "std")]
pub fn setup_app<B, F>(app: &mut App<B, F>, parent: Entity)
where
    B: Surface,
    F: RendererFactory<B>,
{
    app.with_widget(showcase_view());
    app.compose(parent, build_widgets);
}