Glade 快速上手：GTK+ 可視化界面設計工具指南

編輯：關於C語言

什麼是 Glade？

Glade 是 GTK+ 庫的官方 RAD（快速應用開發）工具，採用可視化拖拽方式設計圖形界面，自動生成 XML 格式的 `.ui` 描述文件，運行時由 `GtkBuilder` 動態加載。核心優勢：界面邏輯與業務代碼完全分離，設計師與開發者並行工作，大幅提升開發效率。

安裝與環境準備

Linux (Debian/Ubuntu/Fedora)

# Ubuntu/Debian
sudo apt update && sudo apt install glade libgtk-3-dev

# Fedora
sudo dnf install glade gtk3-devel

Windows

從官網下載安裝包，或使用 MSYS2：`pacman -S mingw-w64-x86_64-glade`

核心工作流

創建項目：選擇 GTK+ 版本（建議 GTK 3/4），新建窗口、對話框等頂層容器
佈局設計：從調色板拖入 `GtkBox`、`GtkGrid`、`GtkStack` 等佈局容器，再放入按鈕、輸入框、標籤等控件
屬性配置：右側屬性面板設置控件 ID（關鍵，代碼通過 ID 獲取對象）、文本、信號處理函數名、樣式類等
信號連接：在「信號」頁籤為按鈕點擊、窗口關閉等事件指定回調函數名（如 `on_btn_clicked`）
保存與集成：保存為 `window.ui`，C 代碼中調用 `gtk_builder_add_from_file()` 加載

C 代碼加載範例

GtkBuilder *builder = gtk_builder_new();
GError *err = NULL;
if (!gtk_builder_add_from_file(builder, "window.ui", &err)) {
    g_critical("UI 加載失敗: %s", err->message);
    g_error_free(err);
    return 1;
}

GtkWidget *window = GTK_WIDGET(gtk_builder_get_object(builder, "main_window"));
GtkWidget *btn = GTK_WIDGET(gtk_builder_get_object(builder, "btn_ok"));

// 手動連接信號（或使用 gtk_builder_connect_signals）
g_signal_connect(btn, "clicked", G_CALLBACK(on_btn_clicked), NULL);

gtk_widget_show_all(window);
g_object_unref(builder);