我是在Windows XP
下学习GTK+
的,下面是环境的配置以及基本的程序开发流程html
另外两种开发环境是:Cygwin
和Linux
,最佳开发环境是使用Gnome
桌面的Linux
系统react
开发环境的配置
一、上http://www.gtk.org下载gtk+-bundle_xxxxxxx_win32.zip
(当前最新gtk+-bundle_2.22.1-20101227_win32.zip
)
这个压缩包包含了开发所需的一切资源,包括运行环境和开发库;注意:这个文件的下载连接并无醒目列出,而是夹杂在下载页的文字说明当中,若是有更新的版本就下载最新的linux
二、解压该压缩包到C:\GTK
具体路径自定,这里我是放在C盘
的GTK
目录下面shell
三、将C:\GTK\bin
加入到PATH
环境变量vim
四、在命令行窗口中敲入pkg-config --libs --cflags gtk+-2.0
,若是可以顺利执行并打印出一堆路径信息,则说明GTK+
开发环境安装成功架构
另一个简便方法是上http://glade.gnome.org下载gladexxxx-with-GTK+.exe
(当前最新glade3-3.6.7-with-GTK+.exe
),安装完成后会自动设置好环境变量app
基本程序开发流程
- 手动创建一个工程目录,好比
hello
- 在该目录下编写
C语言
源代码文件,好比hello.c
- 编写
makefile
文件
- 在该目录下面执行
make
命令
以上就是最原始也最高效的GTK+
程序开发方法,须要用到的工具备如下两个:less
Gvim
:用来编辑C
源文件和makefile
文件(最好是安装一个GTK+
语法高亮插件,这能够大大减小编码错误,加快编码速度)
MinGW
:Windows
下的GCC
编译器
空白窗体开发演示
一、手动创建一个文件夹,命名为demo
ide
二、新建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}
上述架构简述以下:
- 包含头文件
- 声明窗体元素
- 初始化
GTK+
程序
- 新建并设置窗体
- 新建并设置容器
- 将容器嵌入窗体
- 新建并设置控件
- 将控件嵌入容器
- 进行信号绑定
- 显示窗体
- 进入
GTK+
主函数
若是有自定义函数,则统一写在main
函数以前
以上就是标准的GTK+
程序开发流程,更大型的程序也均可以这么作
更复杂的界面能够借助Glade
可视化界面设计工具