Iced：用 Rust 打造聲明式、高性能的跨平台桌面應用

2026/03/26 更新2026/03/26 發佈閱讀 6 分鐘

在 Rust 的 GUI 世界裡，Iced 以其受 Elm 語言啟發的架構（The Elm Architecture, TEA）脫穎而出。它不依賴系統原生的視圖組件，而是使用自己的渲染引擎（基於 wgpu 或 tiny-skia），這讓它能確保在 Windows、macOS、Linux 甚至 Web 上擁有一致的視覺表現。

1. Iced 的核心哲學：TEA 架構

Iced 的開發模式非常嚴謹且清晰，主要由四個核心概念組成：

State (狀態)：應用的數據模型（例如：計數器的數值）。
Messages (消息)：用戶觸發的事件（例如：點擊按鈕）。
Update (更新邏輯)：處理消息並修改狀態的函數。
View (視圖)：根據目前的狀態，描述 UI 應該長什麼樣子。

這種「單向數據流」確保了 UI 的狀態永遠是可預測的，極大降低了開發複雜 UI 時的除錯難度。

2. 為什麼選擇 Iced？

類型安全 (Type Safety)：利用 Rust 的強型別系統，在編譯時期就能發現大多數 UI 邏輯錯誤。
高性能渲染：預設使用 GPU 加速渲染，滾動與動畫極其流暢。
現代化開發體驗：支持 Flexbox 佈局，且擁有非常直觀的組合式 API。
被大廠選中：著名的 Linux 發行版系統 Pop!_OS 正使用 Iced 開發其下一代桌面環境 COSMIC，這證明了 Iced 具備構建作業系統級別 UI 的能力。

3. 快速上手：一個簡單的計數器

以下是一個典型的 Iced 應用結構：

use iced::widget::{button, column, text};
use iced::{Alignment, Element, Sandbox, Settings};

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

struct Counter {
    value: i32,
}

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

impl Sandbox for Counter {
    type Message = Message;

    fn new() -> Self {
        Self { value: 0 }
    }

    fn title(&self) -> String {
        String::from("Iced 計數器範例")
    }

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

    fn view(&self) -> Element<Message> {
        column![
            button("加 1").on_press(Message::IncrementPressed),
            text(self.value).size(50),
            button("減 1").on_press(Message::DecrementPressed),
        ]
        .padding(20)
        .align_items(Alignment::Center)
        .into()
    }
}

4. 跨平台支持

Iced 是真正的「寫一次，到處運行」：

桌面端：編譯成原生二進位文件，不需附帶大型運行環境（如 Electron 的 Chromium）。
Web 端：透過 wasm-bindgen 輕鬆將相同的代碼編譯為 WebAssembly，直接在瀏覽器運行。

5. 與其他框架的對比

對比 Tauri：Tauri 使用 Web 技術繪製 UI，這對 Web 開發者很友好；而 Iced 是 純 Rust 繪製，執行效率更高，且不需要處理 JavaScript 的異步與類型轉換問題。
對比 egui：egui 適合快速開發工具面板；而 Iced 的 TEA 架構更適合開發 結構複雜、長期維護 的商業應用。