Lib.rs

jui 是基于 slint 的 UI 库
SurrealismUI 已支持
更多功能即将推出

支持组件

支持的数据

支持的图标

SurrealismUI 示例

功能启用 surrealism_ui，Cargo.toml 文件示例

[dependencies]
slint = "1.7.0"

[build-dependencies]
jui = { version = "0.2.0", features = ["surrealism_ui"] }

在 slint 文件中使用 SurrealismUI

// support all component
// import { SButton } from "@surrealism_all";

// support single component
import { SButton } from "@surrealism/button/index.slint";

export component App inherits Window {
    SButton {}
}

更多 SurrealismUI 查看: SurrealismUI wiki
如果你想使用别名导入 SurrealismUI，例如 build.rs 文件

use jui::surrealism_ui::SurrealismUI;

pub fn main() {
    let separator = jui::cbsk_file::separator;
    let surrealism_ui = SurrealismUI::new_with_alias("sui");
    jui::compile_with_surrealism_ui(format!("view{separator}main.slint"), surrealism_ui).unwrap();
}

Jui 按钮示例

Cargo.toml 文件

[dependencies]
slint = "1.7.0"

[build-dependencies]
jui = "0.2.0"

main.rs 文件

slint::include_modules!();

fn main() {
    App::new().unwrap().run().unwrap();
}

build.rs 文件

pub fn main() {
    let separator = jui::cbsk_file::separator;
    jui::compile(format!("view{separator}main.slint")).unwrap();
}

view/main.slint 文件

import { Button } from "@jui/button.slint";

export component App inherits Window {
    min-width: 300px;
    min-height: 300px;
    
    Rectangle {
        Button {
            color: red;
        }
    }
}

更多示例

即将推出