cranpose-liquid 0.9.10

Glass controls, themes and motion for Cranpose apps
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

use super::*;

#[test]
fn icon_backplate_colors_only_the_compact_foreground_core() {
    let blue = Color::from_rgb_u8(0, 122, 255);
    let spec = GlassButtonSpec::glass()
        .with_icon_backplate(blue)
        .with_content_color(Color::WHITE);
    assert_eq!(spec.style, GlassButtonStyle::Glass);
    assert_eq!(spec.icon_backplate, Some(blue));
    assert_eq!(spec.content_color, Some(Color::WHITE));
    assert!(spec.glass.is_none());
    assert!((0.49..=0.51).contains(&ICON_BACKPLATE_DIAMETER_RATIO));
    assert!((0.27..=0.29).contains(&ICON_BACKPLATE_GLYPH_RATIO));

    let colors = crate::theme::LiquidColors::light(blue);
    let material = GlassButtonSpec::glass()
        .resolve_material(&colors, colors.label, 44.0)
        .expect("glass button material");
    assert_eq!(material.resolve(&colors).tint, Color::WHITE.with_alpha(0.2));
}

#[test]
fn neutral_button_surface_has_no_foreground_color_wash() {
    let accent = Color::from_rgb_u8(0, 122, 255);
    for (colors, tint_alpha) in [
        (crate::theme::LiquidColors::light(accent), 0.2),
        (crate::theme::LiquidColors::dark(accent), 0.0),
    ] {
        let material = GlassButtonSpec::glass()
            .resolve_material(&colors, accent, 34.0)
            .expect("glass button material");
        assert_eq!(
            material.resolve(&colors).tint,
            Color::WHITE.with_alpha(tint_alpha)
        );
        assert_eq!(material.foreground, Some(colors.label));
    }
}

#[test]
fn icon_button_group_builders_and_hit_regions_preserve_member_gaps() {
    let spec = GlassIconButtonGroupSpec::new(44.0)
        .with_spacing(8.0)
        .with_pressed_scale(1.2)
        .with_glue_radius(12.0);
    assert_eq!(icon_group_width(2, spec), 96.0);
    assert_eq!(icon_group_item_at(22.0, 22.0, 2, spec), Some(0));
    assert_eq!(icon_group_item_at(48.0, 22.0, 2, spec), None);
    assert_eq!(icon_group_item_at(74.0, 22.0, 2, spec), Some(1));
    assert_eq!(icon_group_item_at(22.0, 50.0, 2, spec), None);

    let shapes = icon_group_neighbor_shapes(4, 2, spec, 16.0, 38.0);
    assert_eq!(shapes.len(), 2);
    assert!((shapes[0].0 - (16.0 + 52.0 + 22.0 + 44.0 * 0.38)).abs() < 1e-5);
    assert!((shapes[1].0 - (16.0 + 156.0 + 22.0 - 44.0 * 0.38)).abs() < 1e-5);
    assert_eq!(shapes[0].2, 44.0 * 0.36);

    let item = GlassIconButtonGroupItem::new("M0 0", "Confirm", || {})
        .with_spec(GlassButtonSpec::prominent());
    assert_eq!(item.content_description, "Confirm");
    assert_eq!(item.spec.style, GlassButtonStyle::Prominent);
}

#[test]
fn a_scope_declares_actions_in_order_with_their_callbacks() {
    let fired = Rc::new(Cell::new(0usize));
    let more = Rc::clone(&fired);
    let confirm = Rc::clone(&fired);
    let items = collect_items(|scope| {
        scope.action("M0 0", "More", move || more.set(1));
        scope.push(
            GlassIconButtonGroupItem::new("M1 1", "Confirm", move || confirm.set(2))
                .with_spec(GlassButtonSpec::prominent()),
        );
    });

    assert_eq!(items.len(), 2);
    assert_eq!(items[0].content_description, "More");
    assert_eq!(items[0].spec.style, GlassButtonStyle::Glass);
    assert_eq!(items[1].spec.style, GlassButtonStyle::Prominent);

    (items[0].on_click.borrow_mut())();
    assert_eq!(fired.get(), 1);
    (items[1].on_click.borrow_mut())();
    assert_eq!(fired.get(), 2);
}

#[test]
fn a_group_with_no_actions_declares_none() {
    assert!(collect_items(|_| {}).is_empty());
}