GTK Gossip: 簡介 Glade

Glade
是針對GTK+的圖形使用者介面產生器 (User Interface Builder for
GTK+)，簡而言之，是一個您可以所視即所得設計視窗畫面，並為您產生相對應程式碼的工具，在這邊將示範一下如何於Ubuntu下安裝Glade，並以
 
GtkHBox
與 GtkVBox

中的成果作為範例，介紹如何使用Glade產生相對應的畫面及編寫程式。

在Ubuntu下要安裝Glade，可以如以下的指令，其中後兩個指令是為了執行自動產生程式碼的Shell指令autogen.sh所必需：

$ sudo apt-get install glade $ sudo apt-get install autoconf $ sudo apt-get install automake

接著您在Ubuntu的「應用程式/軟體開發」選單中，就可以看到Glade啟動圖示，開啟之後會有以下幾個視窗：

在「調色板」中按下「1」指示的按鈕，可以新增一個視窗，按下「2」指示的按鈕，並在新增的視窗上按一下，可以建立一個 GtkHBox
，程式會詢問您要建立幾欄，請輸入2欄，接著按一下「3」指示的按鈕，並在視窗中GtkHBox左邊欄按一下可加入GtkSpinButton，

按一下「4」指示的按鈕，並在視窗

中GtkHBox

右邊欄按一下可加入GtkLabel，適當調整一下大小，成果如下所示：

選擇上圖的「label1」，接著在「屬性」視窗上選擇「包裝」頁籤，並「擴展」與「裝滿」如下，可得相對應的成果如下圖右：






選擇上圖右的GtkSpinButton，並在「屬性」視窗的「信號」頁籤中添加信號處理如下圖：

接著在「Glade」主視窗中進行專案儲存，並選擇儲存位置，然後執行「專案/建構」，接下來就是編寫程式的動作了，開啟文字模式，進入方才儲存專案的位置下src目錄，可以看到幾個檔案：

callbacks.c  interface.c  main.c       support.c callbacks.h  interface.h  Makefile.am  support.h

若要進行callback函式的撰寫，可以編輯callback.h或
callback.c，在這邊請修改一下callback.h中on_spinbutton1_value_changed()函式的參數順序（這似乎是
Glade的一個Bug，因為interface.c中產生的程式碼，在信號連結時使用的是g_signal_connect_swapped()，但自動產生的callback函式定義參數順序剛好相
反）：

void



on_spinbutton1_value_changed           (


gpointer         user_data


,



                                        




GtkSpinButton   *spinbutton


);

接著編輯callbacks.c，同樣的先調換一下

on_spinbutton1_value_changed()

函式上參數的順序，並撰寫內容如下：

void


on_spinbutton1_value_changed           (gpointer user_data,


                                       
GtkSpinButton   *spinbutton)


{


    gint value = gtk_spin_button_get_value_as_int(spinbutton);


    GString *text = g_string_new("");


    g_string_sprintf(text, "%d", value);


    gtk_label_set_text(GTK_LABEL(user_data), text->str);


}

接著cd到src上一層目錄，下達以下的指令：

$ ./autogen.sh // 一堆訊息.....XD $ make // 一堆編譯訊息....Orz

若是編譯成功，則在src目錄下會產生一個可執行檔，執行之後成果如下：

您可以再參考一下
GTK+ and Glade3 GUI Programming Tutorial


。