rustmotion-components 0.7.0

Component library for rustmotion (51 components)
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 schemars::JsonSchema;
use serde::{Deserialize, Serialize};
use skia_safe::{Canvas, PaintStyle, PathBuilder, Rect};

use rustmotion_core::css::CssStyle;
use rustmotion_core::engine::layout_pass::BoxLayout;
use rustmotion_core::engine::renderer::paint_from_hex;
use rustmotion_core::schema::TimelineStep;
use rustmotion_core::traits::{PaintCtx, Painter, TimingConfig};

#[derive(Debug, Clone, Serialize, Deserialize, JsonSchema)]
#[serde(rename_all = "snake_case")]
#[derive(Default)]
pub enum DividerDirection {
    #[default]
    Horizontal,
    Vertical,
}

#[derive(Debug, Clone, Serialize, Deserialize, JsonSchema)]
#[serde(rename_all = "snake_case")]
#[derive(Default)]
pub enum DividerLineStyle {
    #[default]
    Solid,
    Dashed,
    Dotted,
}

#[derive(Debug, Serialize, Deserialize, JsonSchema)]
pub struct Divider {
    #[serde(default)]
    pub direction: DividerDirection,
    #[serde(default = "default_thickness")]
    pub thickness: f32,
    #[serde(default)]
    pub line_style: DividerLineStyle,
    #[serde(default)]
    pub length: Option<f32>,
    #[serde(flatten)]
    pub timing: TimingConfig,
    #[serde(default)]
    pub style: CssStyle,
    #[serde(default)]
    pub timeline: Vec<TimelineStep>,
    #[serde(default)]
    pub stagger: Option<f32>,
}

fn default_thickness() -> f32 {
    2.0
}

rustmotion_core::impl_traits!(Divider {
    Animatable => animation,
    Timed => timing,
    Styled => style,
});

impl Painter for Divider {
    fn paint_content(
        &self,
        canvas: &Canvas,
        layout: &BoxLayout,
        _props: &rustmotion_core::engine::animator::AnimatedProperties,
        _ctx: &PaintCtx,
    ) {
        let color = self.style.color_str_or("#FFFFFF");
        let mut paint = paint_from_hex(color);
        paint.set_anti_alias(true);

        let is_horizontal = matches!(self.direction, DividerDirection::Horizontal);

        match self.line_style {
            DividerLineStyle::Solid => {
                paint.set_style(PaintStyle::Fill);
                if is_horizontal {
                    let rect = Rect::from_xywh(0.0, 0.0, layout.width, self.thickness);
                    canvas.draw_rect(rect, &paint);
                } else {
                    let rect = Rect::from_xywh(0.0, 0.0, self.thickness, layout.height);
                    canvas.draw_rect(rect, &paint);
                }
            }
            DividerLineStyle::Dashed | DividerLineStyle::Dotted => {
                paint.set_style(PaintStyle::Stroke);
                paint.set_stroke_width(self.thickness);

                let intervals = if matches!(self.line_style, DividerLineStyle::Dashed) {
                    [self.thickness * 4.0, self.thickness * 3.0]
                } else {
                    [self.thickness, self.thickness * 2.0]
                };

                if let Some(effect) = skia_safe::PathEffect::dash(&intervals, 0.0) {
                    paint.set_path_effect(effect);
                }

                let mut path = PathBuilder::new();
                if is_horizontal {
                    let y = self.thickness / 2.0;
                    path.move_to((0.0, y));
                    path.line_to((layout.width, y));
                } else {
                    let x = self.thickness / 2.0;
                    path.move_to((x, 0.0));
                    path.line_to((x, layout.height));
                }
                canvas.draw_path(&path.detach(), &paint);
            }
        }
    }
}