GTK+程序設計入門

我是在Windows XP下學習GTK+的，下面是環境的配置以及基本的程序開發流程

 

另外兩種開發環境是：Cygwin和Linux，最佳開發環境是使用Gnome桌面的Linux系統

---

開發環境的配置

 

一、上http://www.gtk.org下載gtk+-bundle_xxxxxxx_win32.zip（當前最新gtk+-bundle_2.22.1-20101227_win32.zip）
這個壓縮包包含了開發所需的一切資源，包括運行環境和開發庫；注意：這個文件的下載連接並無醒目列出，而是夾雜在下載頁的文字說明當中，若是有更新的版本就下載最新的

二、解壓該壓縮包到C:\GTK
具體路徑自定，這裏我是放在C盤的GTK目錄下面

三、將C:\GTK\bin加入到PATH環境變量

四、在命令行窗口中敲入pkg-config --libs --cflags gtk+-2.0，若是可以順利執行並打印出一堆路徑信息，則說明GTK+開發環境安裝成功

---

另一個簡便方法是上http://glade.gnome.org下載gladexxxx-with-GTK+.exe（當前最新glade3-3.6.7-with-GTK+.exe），安裝完成後會自動設置好環境變量

---

基本程序開發流程

 

1. 手動創建一個工程目錄，好比hello
2. 在該目錄下編寫C語言源代碼文件，好比hello.c
3. 編寫makefile文件
4. 在該目錄下面執行make命令

以上就是最原始也最高效的GTK+程序開發方法，須要用到的工具備如下兩個：

1. Gvim：用來編輯C源文件和makefile文件（最好是安裝一個GTK+語法高亮插件，這能夠大大減小編碼錯誤，加快編碼速度）
2. MinGW：Windows下的GCC編譯器

---

空白窗體開發演示

一、手動創建一個文件夾，命名爲demo

二、新建C語言源文件demo.c，內容以下：
 

  
  
  
  

   
   
   
   
 
    
 
     
 
       
     
 
    
 
   
   
   
   
   
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
   
  
  
  
  
01#include <gtk/gtk.h> 02 03intmain(intargc,char* argv[]){ 04    GtkWidget * window;05    gtk_init(&argc, &argv);06 07    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);08 09    gtk_widget_show(window);10    gtk_main();11 12    return0; 13}

三、新建一個makefile文件，文件名就是makefile，內容以下：
 

GTK_FLAGS = $(shell pkg-config --libs --cflags "gtk+-2.0")

all:
	gcc -Wall -o demo demo.c ${GTK_FLAGS}

makefile代碼直接從網頁複製將不能正常使用，最好是手動照着敲出來，all:下面那一行的最前面是一個Tab鍵，不是空格

四、在demo目錄下執行make命令，若是不出意外則會在demo目錄下生成demo.exe可執行文件

五、雙擊demo.exe就會彈出一個空白窗體（呵呵，還什麼都沒有哦^-^）

---

GTK+程序的基本架構

下面以擁有兩個標籤和一條水平分割線的窗體程序來解釋GTK+程序的基本架構

 

本程序提供了一個gif格式的演示視頻：點此進入演示地址

  
  
  
  

   
   
   
   
 
    
 
     
 
       
     
 
    
 
   
   
   
   
   
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
    
 
      
    
 
   
  
  
  
  
01/* 加載必須的頭文件*/02 03#include <gtk/gtk.h> 04 05/* 標準C語言主函數*/06 07intmain(intargc,char** argv){ 08 09    /* 窗體、標籤、控件統一聲明*/10 11    GtkWidget * window;12    GtkWidget * label1;13    GtkWidget * label2;14    GtkWidget * hseparator;15    GtkWidget * vbox;16 17    /* GTK+程序初始化*/18 19    gtk_init(&argc, &argv);20 21    /* 新建窗體並進行相關設置*/22 23    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);24    gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);25    gtk_window_set_title(GTK_WINDOW(window),"GtkHSeparator");26    gtk_window_set_resizable(GTK_WINDOW(window), FALSE);27    gtk_container_set_border_width(GTK_CONTAINER(window), 20);28 29    /* 新建容器並進行相關設置*/30 31    vbox = gtk_vbox_new(FALSE, 10);32 33    /* 將容器嵌入窗體*/34 35    gtk_container_add(GTK_CONTAINER(window), vbox);36     37    /* 新建控件並進行相關設置*/38 39    label1 = gtk_label_new("Zinc is a moderately reactive, blue gray metal that tarnishes\n");40    gtk_label_set_line_wrap(GTK_LABEL(label1), TRUE);41    label2 = gtk_label_new("Copper is an essential trace nutrient to all high plants and animals");42    gtk_label_set_line_wrap(GTK_LABEL(label2), TRUE);43    hseparator = gtk_hseparator_new();44 45    /* 將控件嵌入容器*/46 47    gtk_box_pack_start(GTK_BOX(vbox), label1, FALSE, TRUE, 0);48    gtk_box_pack_start(GTK_BOX(vbox), hseparator, FALSE, TRUE, 10);49    gtk_box_pack_start(GTK_BOX(vbox), label2, FALSE, TRUE, 0);50 51    /* 進行信號綁定*/52 53    g_signal_connect_swapped(G_OBJECT(window),"destroy",54            G_CALLBACK(gtk_main_quit), G_OBJECT(window));55 56    /* 顯示窗體*/57 58    gtk_widget_show_all(window);59 60    /* 書寫GTK+主函數*/61 62    gtk_main();63 64    return0; 65}

上述架構簡述以下：

1. 包含頭文件
2. 聲明窗體元素
3. 初始化GTK+程序
4. 新建並設置窗體
5. 新建並設置容器
6. 將容器嵌入窗體
7. 新建並設置控件
8. 將控件嵌入容器
9. 進行信號綁定
10. 顯示窗體
11. 進入GTK+主函數

若是有自定義函數，則統一寫在main函數以前

---

以上就是標準的GTK+程序開發流程，更大型的程序也均可以這麼作

 

更復雜的界面能夠藉助Glade可視化界面設計工具