#ui-toolkit #simd #toolkit #ui #graphics #web-ui

无 std 丙烯酸

超便携、受网页启发的 UI 工具包,具有 SIMD 图形功能

40 个版本

0.3.5 2023 年 9 月 7 日
0.3.2 2023 年 6 月 5 日
0.2.4 2023 年 1 月 28 日
0.2.2 2022 年 12 月 4 日
0.1.0 2021 年 10 月 17 日

#282GUI


3 crate 中使用

MIT 许可证

1.5MB
3.5K SLoC

🎨 丙烯酸

超便携、受网页启发的 UI 工具包,具有 SIMD 图形功能。

进行中!

此外,如果已启用 SIMD 支持(默认设置),则还需要 nightly 工具链。

🪂 功能

  • 对网页开发者来说感觉熟悉
  • 支持模板
  • 集成的 JSON 状态存储
  • 抗锯齿
  • 设计用于提高无障碍性的输入 API
  • 纯 Rust 和安全
  • 完全 no_std

🏗️ 进展(核心 crate)

  • ☑ XML 解析
  • ☑ 类 flexbox 布局
  • ☑ PNG 图像
  • Railway 图像 [进行中]
  • ☑ 全 no_std 支持
  • ☑ 文本节点
  • ☑ 状态存储
  • ☑ 圆形容器
  • ☑ 输入事件
  • ☑ 事件处理程序
  • ☑ SIMD 加速
  • ☑ 文本编辑
  • ☑ 模板
  • ☐ 纹理缓存
  • ☐ 非硬编码的状态文件
  • ☐ 滚动 [进行中]
  • ☐ 富文本
  • ☐ 外部链接
  • ☐ 视频播放
  • ☐ 音频播放

🧱 支持的平台

平台 链接 渲染 资产加载 事件处理
web acrylic-web 进行中
wayland acrylic-wayland 进行中
x11
gdi
fbdev
drmkms

⚡️ 快速入门

项目结构

.
├── Cargo.toml
├── assets
│   ├── rustacean-flat-happy.png
│   └── default.xml
└── src
    └── app.rs

一个资产:rustacean-flat-happy.png

您可以从 这里 获取它。将其放置在 assets/ 中。

视图布局:default.xml

<h-rem style="default">
    <inflate />
    <v-fixed length="400" gap="10">
        <inflate />
        <png file="rustacean-flat-happy.png" />
        <h-fixed length="40" gap="10">
            <inflate />
            <label text="Rust rocks!" />
            <inflate />
        </h-fixed>
        <inflate />
    </v-fixed>
    <inflate />
</h-rem>

代码:app.rs

use platform::{app, acrylic::{core::app::SimpleCallbackMap, ArcStr}};

fn layout_selector() -> ArcStr {
    "default.xml".into()
}

app!("./assets/", layout_selector, SimpleCallbackMap::new(), "default.json");

清单:Cargo.toml

[package]
name = "my-app"
version = "0.1.0"
edition = "2021"

[lib]
crate-type = [ "cdylib" ]
path = "src/app.rs"

[dependencies]
# building for the web
platform = { package = "acrylic-web", version = "0.3" }

构建

cargo +nightly build --release --target wasm32-unknown-unknown

注意:这使用 nightly,因为 Rust 中的 SIMD 目前是不稳定的。

安装 web 服务器

httpserv 很小,足以用于此演示。

cargo install httpserv

下载启动应用程序的 HTML 文件

您可以从 这里 获取它。将其放置在项目根目录中,与 cargo 清单相邻。

启动 web 服务器

在项目根目录中

# normal start:
httpserv

# quiet + in the background
httpserv > /dev/null &

然后打开 https://127.0.0.1:8080/#release

预期结果

quickstart.png

☕ 联系 & 贡献

联系

您可以通过电子邮件或Discord与我联系:bitsneak#1889

您可以使用这些联系方式来询问关于此项目的任何问题。

贡献

我们非常欢迎通过Github Pull Requests进行贡献。

👉 参见

🕯️ 许可证

  • 代码为MIT
  • 嵌入式Noto字体为SIL Open Font License

依赖

~6MB
~117K SLoC