GTK+3系列教程6:UI神器Glade

每天进步一点点,用实际行动实现你伟大的梦想。

这节教程向大家推荐一款GTK+3程序开发中制作界面神器,它就是Glade。废话少说,快些让我们来看看Glade的庐山真面目吧。

Glad界面截图
GTK+3系列教程6:UI神器Glade_第1张图片
Glad界面截图

这就是Glade了,用来制作界面只需要拖拽控件就行了,没什么技术含量,就不细说了,这里主要介绍Glad如何和GTK+3无缝衔接,也就是如何在代码中调用的问题。

先用Glade制作一个界面,保存。这里保存的时候有两种格式,一种是Libglade,一种是GtkBuilder,其实都是xml格式保存,这里就用GtkBuilder格式了,保存文件名为ui.glade。

制作界面

现在桌面上就多了一个ui.glade文件了。

GTK+3系列教程6:UI神器Glade_第2张图片
ui.glade

虽然它的后缀名是Glade,但其实也是xml格式,不信我们可以打开看看。

实质是xml文件

好了,下面开始进入主题,如何在代码中调用这些控件,先上代码。

GTK+3系列教程6:UI神器Glade_第3张图片
代码

GtkBuilder *builder= gtk_builder_new();  新建一个GtkBuilder对象用于读取GtkBuilder界面文件。

GTK+3系列教程6:UI神器Glade_第4张图片
gtk_builder_new()官方参考

gtk_builder_add_from_file (builder, "ui3.ui", NULL);  指定文件路径,由于这里我的界面文件ui.glade和lesson6.c文件在同一个文件夹,所以直接写文件名就好,如果两者不在同一个文件夹,需要写全路径。

GTK+3系列教程6:UI神器Glade_第5张图片
gtk_builder_add_from_file ()官方参考

GObject *window;

GObject *button1;

GObject *button2;

上面三条语句分别代表新建名为window、button1、button2的GObject对象。

window = gtk_builder_get_object (builder, "window");

button1 = gtk_builder_get_object (builder, "btn1");

button2 = gtk_builder_get_object (builder, "btn2");

上面三条语句分别代表获取名为window、btn1、btn2的控件并赋给window、button1、button2。

GTK+3系列教程6:UI神器Glade_第6张图片
gtk_builder_get_object ()官方参考

后面的三行代码就是将控件连接到事件处理函数了,已经在前面教程中讲解过。

这样做的好处是:

1.如果碰到复杂界面,一行行手写界面代码不仅效率很低而且不容易修改。

2.这样把后台逻辑和前端界面分离开来,使开发者可以集中精力专注于业务逻辑而不是花费太多时间在界面编程上。

3.便于代码维护,使代码更简洁易懂,方便其他开发者阅读。

下节教程继续给大家介绍另一个GTK+3开发中的神兵利刃;)

你可能感兴趣的:(GTK+3系列教程6:UI神器Glade)