在 Rust 社群中，Iced 是值得關注的跨平台 GUI (圖形使用者界面) 庫之一。由 iced-rs 團隊開發，Iced的設計靈感來源于 Elm 語言，它以簡潔性和類型安全性為特色，旨在提供一個簡單易用且功能豐富的 GUI 開發體驗。本文将深入探讨 Iced，并提供詳盡的示例和教學，希望幫助讀者更好地了解和使用這個庫。

Iced 的核心特性

Iced 專注于以下幾個核心特性：

簡潔易用的 API：提供了一套結構清晰的 API，便于快速上手和開發。
類型安全的反應式程式設計模型：利用 Rust 強大的類型系統，確定了代碼的安全性。
跨平台支援：同時支援 Windows, macOS, Linux, 以及 Web 平台。
響應式布局：易于建立靈活且自适應的使用者界面。
内置控件：包含豐富的預制控件供開發者使用。
自定義控件支援：允許開發者根據需求建立定制的控件。
調試疊加層：内置性能度量工具，友善開發者進行性能調試。

使用 Iced 建構你的第一個 Rust 應用

要開始使用 Iced 建構 GUI 應用，你需要首先確定 Rust 的開發環境已經搭建好。接下來，我們将逐漸建構一個簡單的應用來展示 Iced 的用法。

第一步：建立項目并添加依賴

打開終端，使用以下指令建立一個新的 Rust 項目：

cargo new my_iced_app
cd my_iced_app

然後，打開 Cargo.toml 檔案，添加 Iced 庫作為依賴：

[dependencies]
iced = "0.4"

第二步：編輯 main.rs

接下來，我們将編寫應用的主邏輯。編輯 src/main.rs 檔案，填入以下代碼：

use iced::{Application, Button, Column, Command, Element, Sandbox, Settings, Text};

pub fn main() -> iced::Result {
    Counter::run(Settings::default())
}

struct Counter {
    value: i32,
    increment_button: Button,
    decrement_button: Button,
}

#[derive(Debug, Clone, Copy)]
enum Message {
    IncrementPressed,
    DecrementPressed,
}

impl Sandbox for Counter {
    type Message = Message;

    fn new() -> Self {
        Counter {
            value: 0,
            increment_button: Button::new(),
            decrement_button: Button::new(),
        }
    }

    fn title(&self) -> String {
        String::from("Iced Counter Example")
    }

    fn update(&mut self, message: Message) -> Command<Message> {
        match message {
            Message::IncrementPressed => self.value += 1,
            Message::DecrementPressed => self.value -= 1,
        }
        Command::none()
    }

    fn view(&mut self) -> Element<Message> {
        Column::new()
            .push(
                Button::new(&mut self.increment_button, Text::new("Increment"))
                    .on_press(Message::IncrementPressed),
            )
            .push(
                Button::new(&mut self.decrement_button, Text::new("Decrement"))
                    .on_press(Message::DecrementPressed),
            )
            .push(Text::new(self.value.to_string()))
            .into()
    }
}

第三步：運作你的第一個 Iced 應用

儲存 main.rs 檔案後，運作以下指令，編譯并啟動 GUI 應用：

cargo run

應用啟動後，你會看到一個簡單的計數器界面，界面上有“Increment”和“Decrement”兩個按鈕用于增減計數值。

擴充：建立響應式布局和自定義控件

Iced 不僅限于建立基礎的控件和布局，你還可以利用響應式布局建立複雜且自适應的界面。此外，自定義控件可以讓你的應用更加吸引人，下面我們來看一個自定義控件的例子：

use iced::{button, Button, Column, Command, Element, Sandbox, Settings, Text};

// 定義你的自定義控件
struct MyCustomWidget {
    // 控件内部的狀态和屬性
}

// 實作自定義控件的邏輯
impl MyCustomWidget {
    // 建立控件的新執行個體
    fn new() -> Self {
        // 初始化控件狀态
    }

    // 實作控件的渲染邏輯
    fn view(&mut self) -> Element<Message> {
        // 傳回 Element 類型的 GUI 表示
    }
}

// 後續類似于 Counter 示例的結構和實作邏輯

在這段代碼中，我們定義了一個 MyCustomWidget 控件，并為它實作了基礎的建構和渲染邏輯。這就是 Iced 靈活性的一種展現，允許你根據具體的應用需求進行定制。

結語

通過本文的介紹，你應該對 Iced 有了基本的了解。Iced 以其簡潔的 API、強類型設計和跨平台特性，為 Rust GUI 開發提供了一個非常有吸引力的選項。你還可以在它的 GitHub 頁面上找到更多的資訊、文檔和示例，以及如何為這個開源項目做出貢獻。如果你對 GUI 開發感興趣，Iced 是一個學習和實踐的好起點。不要猶豫，開始你的 Rust GUI 之旅吧！

Rust 語言中的跨平台 GUI 庫

Iced 的核心特性

使用 Iced 建構你的第一個 Rust 應用

擴充：建立響應式布局和自定義控件

結語