开源中文网

您的位置: 首页 > 编程开发 > C语言 > 正文

Linux GUI编程笔记之GTK+篇(2)

来源:  作者:

Linux GUI编程笔记之GTK+篇(2)
                 -----窗体布局

从上文我们知道了GTK+程序的基本框架和其内在的工作原理,现在让我们一起来学习如何在一个窗体上摆放控件。用惯了Windows下VB,Delphi等RAD工具的朋友一定会感到疑惑,怎么在窗体上摆一个控件还要大动干戈?这可能是Linux编程的缺陷吧(虽然我们也可以用glade等工具进行GUI构建,但是和VB等傻瓜工具比还是很有差距的)。但是我还是喜欢自己用代码实现GUI,虽然虽然好像有点自讨苦吃,但是这样却使我有一种真正在编程的感觉:)
要了解怎么样在GTK+窗体上摆放控件,我们首先需要了解“窗体布局”这个概念。不知道现在C#等.NET平台语言有没有“窗体布局器”这个概念(我以前用VB6.0, VC6.0的时候是没有的,不过Java里面有Layout这个类实现窗体布局),对于用惯Windows下开发工具的朋友肯定对这个概念比较陌生。在GTK+里不能像VB那样直接把所有需要的控件都直接加到窗体上,我们需要用各种容器(box,table等)的组合来完成这些动作。各种能够容纳其他控件的特殊控件(容器)都是窗体布局器。
在GTK+中有两种常用的布局容器:盒状容器(box)和表格容器(table)
下面让我们来分别认识他们:
1 - 盒状容器
盒状容器是能够线性容纳子控件的容器,分为水平盒(gtk_hbox)和垂直盒(gtk_vbox)两种。
水平盒就是能够使子控件水平一线排开的容器,垂直盒则让子控件从上到下垂直排列。
以水平盒为例子,产生一个水平盒的函数是:
GtkWidget *gtk_hbox_new ( gboolean homogeneous,  //子控件是否一样大小(和最大的控件相同)
                          gint     spacing );   //默认子控件之间的间距
在盒子里加入子控件的函数:
void gtk_box_pack_start( GtkBox    *box,  //盒子
                         GtkWidget *child,  //子控件
                         gboolean   expand,  //盒子是否占据所有分配的空间
                         gboolean   fill,  //子控件是否分开(TRUE为分开)或挤在一起
                         guint      padding );  //子控件是否丰满(TRUE且expand应该为TRUE)或者缩成一定大小
为了理解这两个程序,我们看一个完整的程序:
#include
/* 回调函数,使程序退出 */
void quit_program(GtkWidget *widget, gpointer data)
{
gtk_main_quit();
}
int main(int argc, char *argv[])
{
GtkWidget *window;
GtkWidget *box;
GtkWidget *button;

gtk_init(&argc, &argv);  /* 初始化程序 */

window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
gtk_window_set_title(GTK_WINDOW(window), "横向盒状容器");
g_signal_connect(G_OBJECT(window), "destroy",
   G_CALLBACK(quit_program), NULL);
gtk_container_set_border_width(GTK_CONTAINER(window), 5);

box = gtk_hbox_new (FALSE, 0);  /* 新建一个横向盒子,子控件不需要一样大,默认间距0 */
   
    /* 建立4个按钮 */
    button = gtk_button_new_with_label ("按钮一");
    gtk_box_pack_start (GTK_BOX (box), button, FALSE, FALSE, 3);
    gtk_widget_show (button);
   
    button = gtk_button_new_with_label ("按钮二");
    gtk_box_pack_start (GTK_BOX (box), button, FALSE, FALSE, 3);
    gtk_widget_show (button);
   
    button = gtk_button_new_with_label ("按钮三");
    /* 使这个按钮占据多余空间 */
    gtk_box_pack_start (GTK_BOX (box), button, TRUE, TRUE, 3);
    gtk_widget_show (button);
   
    button = gtk_button_new_with_label ("按钮四");
    gtk_box_pack_start (GTK_BOX (box), button, FALSE, FALSE, 3);
    gtk_widget_show (button);
   
    gtk_container_add(GTK_CONTAINER(window), box);
    gtk_widget_show(box);
    gtk_widget_show(window);
   
    gtk_main();
   
    return 0;
}
这个程序编译运行后的结果如下:

按钮3因为设置了expand=TRUE,fill=TRUE,于是充分扩展了自己; 其他按钮都缩在最小的范围内。
同样,垂直盒子也有同样的函数:
GtkWidget*  gtk_vbox_new(gboolean homogeneous,  //子控件是否同样大小
                         gint spacing);   //默认的子控件之间间距
                        
void gtk_box_pack_start( GtkBox    *box,  //盒子
                         GtkWidget *child,  //子控件
                         gboolean   expand,  //盒子是否占据所有分配的空间
                         gboolean   fill,  //子控件是否分开(TRUE为分开)或挤在一起
                         guint      padding );  //子控件是否丰满(TRUE且expand应该为TRUE)或者缩成一定大小

2 - 表格容器
表格容器是在水平和垂直方向都可以摆放多个子控件的容器,想象一个表格容器就像一个Excel表格一样,子控件可以占据一个格子,也可以占据连续的多个格子,这样就可以十分自由的排列我们的子控件了。
产生一个新表格容器的函数是:
GtkWidget *gtk_table_new( guint    rows,   //行数
                          guint    columns,  //列数
                          gboolean homogeneous );  //子控件是否一样大(和最大子控件一样大)
假设我们用: gtk_table_new(2, 2, TRUE)生成一个表格,其逻辑上就像下面的图形一样:
0          1          2
0+----------+----------+
   |                |                |
1+----------+----------+
   |                |                |
2+----------+----------+
然后我们可以用下面的函数往表格上面填加子控件:
void gtk_table_attach( GtkTable         *table,  //盒子
                       GtkWidget        *child,  //要加入盒子的子控件
                       guint            left_attach,   //左边界
                       guint            right_attach,  //右边界
                       guint            top_attach,  //上边界
                       guint            bottom_attach,  //下边界
                       GtkAttachOptions xoptions,
                       GtkAttachOptions yoptions,
                       guint            xpadding,
                       guint            ypadding );
哇!那么多参数,让人怎么怎么用啊?!
呵呵,不要害怕:)其实很简单的,4个XXX_attach()是控制子控件摆放位置的:
如果我们要在左上角那个格子放一个控件,那么left_attach=0, right_attach=1,
top_attach=0, bottom_attach=1(好象用4条线隔了一个空间)
同理,如果想在下面一整行摆一个控件,那么left_attach=0, right_attach=2,
top_attach=1, bottom_attach=2
然后下面两个参数xoption, yoption是控制子控件行为的,控制参数有:
GTK_FILL: 如果盒子比子控件大,而且GTK_FILL已经设置,则子控件会扩展成盒子那么大
GTK_SHRINK:如果GTK_SHRINK已经设置,那么当用户改变窗口大小时(变小),子控件会跟着变小
GTK_EXPAND:如果这个位设置了,那么盒子容器就会占据所有窗体上留下的空间
使用的时候我们可以用或”|“符号连接他们一起使用,比如:GTK_FILL | GTK_EXPAND
再下面两个参数就是代表子控件在X(横向), Y(竖向)方向上的间距。
怎么样,这个函数也不是挺简单的?不过要是你觉得这个函数还是太麻烦,你还可以使用下面这个函数:
void gtk_table_attach_defaults( GtkTable  *table,  //盒子
                                GtkWidget *widget,  //要加入盒子的子控件
                                guint      left_attach,
                                guint      right_attach,
                                guint      top_attach,
                                guint      bottom_attach );
这个函数省略了后面4个参数,它默认xoption, yoption都是:GTK_FILL | GTK_EXPAND
然后xpadding, ypadding都是0, 这样一来节省了我们不少时间。
我们学完了GTK+的布局容器,现在可以用各种控件来组合我们的应用程序界面了。各种容器之间又可以相互嵌套,这样一来构造复杂的界面也变得容易了。但是GTK+中也提供了一种让我们像Windows窗体那样直接就可以往窗体上摆控件的方法,那就是用GtkFixed:
GtkWidget*  gtk_fixed_new(void);   /* 建立一个自由布局控件 */
/* 往布局上加子控件 */
void        gtk_fixed_put(GtkFixed *fixed,   //自由布局控件
                         GtkWidget *widget,  //要加入的子控件
                          gint x,      //相对于fixed左上角的横坐标
                          gint y);     //相对于fixed左上角的纵坐标
/* 移动子控件 */
void        gtk_fixed_move(GtkFixed *fixed,   //自由布局控件
                           GtkWidget *widget, //要加入的子控件
                           gint x,            //新的X坐标
                           gint y);           //新的Y坐标
有了以上几个函数,我们就可以像Windows Form一样操作控件了,比如以下代码:
fixed = gtk_fixed_new();
gtk_widget_set_usize(fixed,150,150);
button1 = gtk_button_new_with_label("按钮一");
gtk_fixed_put(GTK_FIXED(fixed),button1,5,5);
button2 = gtk_button_new_with_label("按钮二");
gtk_fixed_put(GTK_FIXED(fixed),button2,55,55);
button3 = gtk_button_new_with_label("按钮三");
gtk_fixed_put(GTK_FIXED(fixed),button3,105,105);
会产生如下的界面:

好了,关于GTK+的窗体布局部分,我们已经学习完了。

PS: 本文参照了IBM DeveloperWorks里面宋国伟先生的一篇文章,且借用了几张图片,在这里表示感谢。
原文请查看:http://www-900.ibm.com/developerWorks/cn/linux/l-gtk/index.shtml

Tags:Linux 编程 笔记
关于开源中文网 - 联系我们 - 广告服务 - 网站地图 - 版权声明