创建第一个slint项目

创建一个宽高（450pxx600px）的窗体

slintPad：slintpad.com/ 设计编译器

slint文档：slint.dev/releases/1.1.1/docs/slin...

使用 vscode 编译器，安装插件：

创建项目

cargo new slint-demo1

增加slint库，并且增加build文件

[package]
name = "slint-demo1"
version = "0.1.0"
edition = "2021"
build = "build.rs"

# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

[dependencies]
slint = "1.0.2"

[build-dependencies]
slint-build = "1.0.2"

创建ui/main.slint文件

//表示继承Text
component MyText inherits Text{

}

export component MainWindow inherits Window { 
    //窗体宽度
    width: 450px;
    //窗体高度
    height: 600px;

    //有点类似于html的div
    Rectangle {
        width: 300px;
        height: 300px;
        //背景颜色
        background: #FFFFFF;
    }

    MyText {
        //显示文字
        text: "hello  world";
    }
}

创建build.rs 文件

fn main() {
    slint_build::compile("ui/main.slint").unwrap();
}

编写main.rs文件

include_modules:

• 包括使用构建脚本中的slint构建机箱生成的代码。在build.rs构建脚本中调用slint_build:：compile后，此宏的使用将包括生成的Rust代码，并使导出的类型可供实例化。

slint::include_modules!();

fn main() -> Result<(),slint::PlatformError>{
    MainWindow::new().unwrap().run()?;
    Ok(())
}

运行项目

cargo run

运行显示

本作品采用《CC 协议》，转载必须注明作者和本文链接