#platform #acrylic #ui-toolkit #wasm #graphics #apps #compile

acrylic-web

将acrylic应用程序编译成WebAssembly

29个版本

0.3.5 2023年9月7日
0.3.1 2023年6月4日
0.2.4 2023年1月28日
0.2.2 2022年12月4日
0.2.0 2022年7月25日

175图形API

Download history 6/week @ 2024-03-09 2/week @ 2024-03-16 6/week @ 2024-03-30 1/week @ 2024-05-18

每月60次下载

MIT 协议

1.5MB
4K SLoC

🎨 acrylic

超便携、受Web启发的UI工具包,具有SIMD图形。

进行中!

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

🪂 特点

  • 对Web开发者来说感觉熟悉
  • 支持模板
  • 集成的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文件

您可以在这里找到它。将其放置在项目根目录中,紧挨着货物清单。

启动网络服务器

从项目根目录开始

# 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