repose-ui 0.14.0

UI widgets and libs for Repose
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

use std::cell::RefCell;

use crate::{Box, ViewExt, navigation::Transition};
use repose_core::*;

use crate::anim::animate_f32;

pub fn AnimatedVisibility(
    key: impl Into<String>,
    visible: bool,
    _enter: EnterTransition,
    _exit: ExitTransition,
    content: View,
) -> View {
    let key = key.into();
    let alpha = animate_f32(
        format!("visibility_alpha:{key}"),
        if visible { 1.0 } else { 0.0 },
        AnimationSpec::default(),
    );

    let scale = animate_f32(
        format!("visibility_scale:{key}"),
        if visible { 1.0 } else { 0.8 },
        AnimationSpec::default(),
    );

    if alpha > 0.01 {
        Box(Modifier::new().alpha(alpha).scale(scale)).child(content)
    } else {
        Box(Modifier::new())
    }
}

pub enum EnterTransition {
    FadeIn,
    SlideIn,
    ScaleIn,
    ExpandIn,
}

pub enum ExitTransition {
    FadeOut,
    SlideOut,
    ScaleOut,
    ShrinkOut,
}

pub fn Crossfade<T: PartialEq + Clone + 'static>(
    key: impl Into<String>,
    target: T,
    content: impl Fn(T) -> View + 'static,
) -> View {
    let key = key.into();
    let prev = remember_with_key(format!("crossfade_prev:{key}"), || {
        RefCell::new(target.clone())
    });

    let alpha = if *prev.borrow() != target {
        prev.replace(target.clone());
        // restart animation to 1.0 each change (UI can layer content if desired)
        animate_f32(format!("crossfade_alpha:{key}"), 1.0, AnimationSpec::fast())
    } else {
        1.0
    };

    Box(Modifier::new().alpha(alpha)).child(content(target))
}

pub fn AnimatedContent(key: String, transition: Option<Transition>, content: View) -> View {
    match transition {
        Some(Transition::Push { .. }) => {
            let offset = animate_f32(format!("push_{key}"), 0.0, AnimationSpec::default());
            Box(Modifier::new().translate(offset, 0.0)).child(content)
        }
        Some(Transition::Pop { .. }) => {
            let offset = animate_f32(format!("pop_{key}"), 0.0, AnimationSpec::default());
            Box(Modifier::new().translate(-offset, 0.0)).child(content)
        }
        _ => content,
    }
}