GTK+程序设计入门

GTK+程序设计入门
我是在Windows XP下学习GTK+的，下面是环境的配置以及基本的程序开发流程

另外两种开发环境是：Cygwin和Linux，最佳开发环境是使用Gnome桌面的Linux系统
开发环境的配置

1、上http://www.gtk.org下载gtk+-bundle_xxxxxxx_win32.zip（当前最新gtk+-bundle_2.22.1-20101227_win32.zip）
这个压缩包包含了开发所需的一切资源，包括运行环境和开发库；注意：这个文件的下载链接并没有醒目列出，而是夹杂在下载页的文字说明当中，如果有更新的版本就下载最新的

2、解压该压缩包到C:\GTK
具体路径自定，这里我是放在C盘的GTK目录下面

3、将C:\GTK\bin加入到PATH环境变量

4、在命令行窗口中敲入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编译器

空白窗体开发演示

1、手动建立一个文件夹，命名为demo

2、新建C语言源文件demo.c，内容如下：

view source
print?
01    #include <gtk/gtk.h>
02    
03    int main(int argc, 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        return 0;
13    }

3、新建一个makefile文件，文件名就是makefile，内容如下：

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

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

makefile代码直接从网页复制将不能正常使用，最好是手动照着敲出来，all:下面那一行的最前面是一个Tab键，不是空格

4、在demo目录下执行make命令，如果不出意外则会在demo目录下生成demo.exe可执行文件

5、双击demo.exe就会弹出一个空白窗体（呵呵，还什么都没有哦^-^）
GTK+程序的基本架构
下面以拥有两个标签和一条水平分割线的窗体程序来解释GTK+程序的基本架构

view source
print?
01    /* 加载必须的头文件*/
02    
03    #include <gtk/gtk.h>
04    
05    /* 标准C语言主函数*/
06    
07    int main(int argc, 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        label1 = gtk_label_new("Zinc is a moderately reactive, blue gray metal that tarnishes\n");
32        gtk_label_set_line_wrap(GTK_LABEL(label1), TRUE);
33        label2 = gtk_label_new("Copper is an essential trace nutrient to all high plants and animals");
34        gtk_label_set_line_wrap(GTK_LABEL(label2), TRUE);
35         
36        hseparator = gtk_hseparator_new();
37    
38        /* 新建容器并进行相关设置*/
39    
40        vbox = gtk_vbox_new(FALSE, 10);
41    
42        /* 将容器加到窗体*/
43    
44        gtk_container_add(GTK_CONTAINER(window), vbox);
45    
46        /* 将控件加到容器*/
47    
48        gtk_box_pack_start(GTK_BOX(vbox), label1, FALSE, TRUE, 0);
49        gtk_box_pack_start(GTK_BOX(vbox), hseparator, FALSE, TRUE, 10);
50        gtk_box_pack_start(GTK_BOX(vbox), label2, FALSE, TRUE, 0);
51    
52        /* 进行信号绑定*/
53    
54        g_signal_connect_swapped(G_OBJECT(window), "destroy",
55                G_CALLBACK(gtk_main_quit), G_OBJECT(window));
56    
57        /* 显示窗体*/
58    
59        gtk_widget_show_all(window);
60    
61        /* GTK+程序主函数*/
62    
63        gtk_main();
64    
65        return 0;
66    }

上述架构简述如下：

   1. 包含头文件
   2. 声明窗体元素
   3. 初始化GTK+程序
   4. 新建并设置窗体
   5. 新建并设置容器
   6. 新建并设置控件
   7. 将容器加载到窗体
   8. 将控件加载到容器
   9. 进行信号绑定
  10. 显示窗体
  11. 进入GTK+主函数

如果有自定义函数，则统一写在main函数之前
以上就是标准的GTK+程序开发流程，更大型的程序也都可以这么做