二氧斯幻灯片

二氧斯幻灯片是 Dioxus 的幻灯片组件库，Dioxus 是 Rust 的响应式 UI 库。它提供了一种使用 Dioxus 和 Rust 创建幻灯片演示的方法。

特性

• 幻灯片导航：使用 Slidable 特性提供的 next 和 prev 方法导航幻灯片。
• 幻灯片渲染：使用 Slidable 特性提供的 render 方法渲染幻灯片。
• 幻灯片编号：获取当前幻灯片编号和总幻灯片数。

使用

首先，将 dioxus-slides 添加到您的 Cargo.toml 文件中。

[dependencies]
dioxus = "0.4.0"
dioxus-slides = "0.1"

然后，将您的幻灯片定义为枚举并派生 Slidable 特性。

#![allow(non_snake_case)]

use dioxus::prelude::*;
use dioxus_slides::prelude::*;

#[derive(Slidable, Clone, Default)]
enum Slides {
    #[default]
    Intro,
    Second,
    Final,
}

枚举的每个变体代表一个幻灯片。然后，您可以为每个幻灯片定义一个返回 Element 的函数。

fn Intro(cx: Scope) -> Element {
    cx.render(rsx!(Slide::<Slides> {
        content: render! {
            div {
                h1 { "Hello, world!" }
                p { "This is the first slide." }
            }
        },
    }))
}

// Define functions for the other slides...

最后，您可以使用 SlideContainer 组件渲染您的幻灯片。

fn app(cx: Scope) -> Element {
    render! {
        SlideContainer::<Slides>{
            width: "100%",
            height: "100%",
            background_colour: "#eee",
            show_slide_no: true,
        }
    }
}

许可证

此项目受以下任一许可证的约束：

Apache 许可证 2.0 版，LICENSE-APACHE 或 MIT 许可证，任选其一。

请注意，此 README 假设 LICENSE-APACHE 和 LICENSE-MIT 文件存在于项目的根目录中。