最初的想法

不能太复杂，但也不能太简单，因为那样没有含量，学不到什么。这次开发的界面至少应该这样：1、有一个主窗体跟若干构件；2、构件之间能够互相交互；3、最好能够明白GtkBuilder可能是怎样实现界面定制的。最后确定的界面大概如图1：


20110920013951622.jpg

图1 整体界面

点击一下SayHello按钮，文本显示”Hello, World”，点击一下Goodbye按钮退出程序。

根据之前对GTK+信号机制的理解，点击SayHello按钮需要连接一个say_hello函数去响应，点击GoodBye按钮需要连接一个good_bye函数去响应。

绘制界面的注意点

整体界面就不介绍了，很简单，拖一个对话框出来，再拖两个按钮跟一个标签，搞定。最终结果如图2所示：

20110920013952701.jpg

图2 最终设计界面

图2右边展示的分别是窗体的构件层次（上）和继承对象所关联的信号（下）。

设置关联信号

从图2可以留意到主窗体（标识为dialog-main）的”destroy”事件已经被我们关联到gtk_main_quit函数，这个函数用来退出整个程序。然后我们需要为GoodBye按钮关联good_bye函数。GoodBye按钮的ID是ButtonGoodBye，在GTK+中ID是我们获取子构件对象的唯一标识符号。图3显示了怎么设置ButtonGoodBye的”clicked”事件关联到good_bye函数。

20110920013952204.jpg

图3 设置GoodBye按钮”clicked”信号


然后SayHello按钮的信号关联。但是在这里我们可以发现，之前的两个信号函数都不需要传递用户数据（即传递的参数为NULL）。在用户数据设置数值，传递的用户数据将会是我们设置数据的字符串形式（我猜测的，未验证）。与SayHello关联的数据say_hello函数需要接收标签控件的对象作为参数，所以在这里我们无法直接连接，只好在源代码处自己做信号关联。

完成界面绘制，保存，我们得到一个helloworld.glade文件（以XML格式保存）。

编写代码

GTK+采用GtkBuilder读取helloworld.glade文件，然后生成界面对象，获取到我们所需的对象，我们就可以释放GtkBuilder对象了。

源代码如下：

  1. /*


  3. * main.c


  5. *


  7. *  Created on: 2011-9-17


  9. *      Author: kelvin


  11. */


  13. #include <gtk/gtk.h>




  17. // good_bye 函数 与 GoodBye按钮的 "cilcked" 事件连接，由 UI 文件自动关联


  19. G_MODULE_EXPORT void good_bye(GtkWidget *widget,gpointer data)


  21. {


  23.  gtk_main_quit();


  25. }




  29. // say_hello 函数 与 SayHello按钮的 "clicked" 事件连接，由于需要自己操作 data 参数，所以要手动关联


  31. G_MODULE_EXPORT void say_hello(GtkWidget *widget,gpointer data)


  33. {


  35.       GtkLabel * labeltext = (GtkLabel *)data;


  37.       if(g_strcmp0(gtk_label_get_label(labeltext), "Hello, World!") == 0)


  39.       {


  41.              gtk_label_set_label(labeltext, "Very Nice.");


  43.       }


  45.       else


  47.       {


  49.              gtk_label_set_label(labeltext, "Hello, World!");


  51.       }


  53. }




  57. int main(int argc,char *argv[])


  59. {


  61.  GtkBuilder *builder = NULL;


  63.  GError *error = NULL;


  65.  GtkWidget *window = NULL;


  67.  GtkLabel * text = NULL;


  69.  GtkButton *button = NULL;




  73.  gtk_init(&argc,&argv);




  77.  // 初始化GtkBuilder，读取 UI 文件（由glade生成）


  79.  builder=gtk_builder_new();


  81.  gtk_builder_add_from_file(builder,"helloworld.glade",&error);




  85.  // 自动关联已在 UI 文件配置好的信号


  87.  gtk_builder_connect_signals(builder, NULL);




  91.  // 根据 ID 获取子构件


  93.  window=GTK_WIDGET(gtk_builder_get_object(builder,"dialog-main"));


  95.  text = GTK_LABEL(gtk_builder_get_object(builder, "label-main"));


  97.  button=GTK_BUTTON(gtk_builder_get_object(builder, "ButtonSayHello"));




  101.  // 将 SayHello 按钮的 "clicked" 事件与 say_hello 函数关联


  103.  gtk_signal_connect(GTK_OBJECT(button), "clicked", GTK_SIGNAL_FUNC(say_hello), (gpointer)text);




  107.  // 获取到 UI 对象后，GtkBuilder 对象已没有作用，释放了


  109.  g_object_unref(G_OBJECT(builder));




  113.  // 设置主 UI 界面为可见


  115.  gtk_widget_show_all(window);




  119.  // 这里才正式运行界面


  121.  gtk_main();




  125.  return 0;


  127. }