rust druid編寫第一個窗體

首先，要先建立我們的rust專案。

cargo new druid-app

建立完成後，使用我們的編譯器開啟（這裡我使用的是vscode）。專案結構這裡就不多做介紹了。

我們需要在Cargo.toml中新增Druid的包

[dependencies]
druid = { git = "https://github.com/linebender/druid.git" }

下面我們開啟main.rs編寫我們的第一個窗體

首先先引入需要用到的包

use druid::widget::{Button, Flex, Label};
use druid::{AppLauncher, LocalizedString, PlatformError, Widget, WidgetExt, WindowDesc};

然後編寫主介面

fn ui_builder() -> impl Widget<u32> {
    //建立一個本地處理話的資料
    let text = LocalizedString::new("hello-counter")
        .with_arg("count", |data:&u32,_evt|{(*data).into()});
    let label = Label::new(text).padding(5.0).center();
    let button = Button::new("+ 1")
        .on_click(|_ctx,data:&mut u32,_ent|{
            *data += 1;
        });
    Flex::column().with_child(label).with_child(button)
} 

最後編寫啟動類

fn main() -> Result<(), PlatformError>{
    let win = WindowDesc::new(ui_builder());
    let data = 0_u32;
    let _app = AppLauncher::with_window(win)
        .log_to_console()
        .launch(data);
    Ok(())
}

啟動就會獲得我們的第一個程式啦，點選按鈕數字會持續增加

暗黑系介面，是不是很炫酷！！！！

本作品採用《CC 協議》，轉載必須註明作者和本文連結