GTK+图形化应用程序开发学习笔记(五)—组装盒、组合表、固定容器构件

 GTK+图形化应用程序开发学习笔记(五)—组装盒、组合表、固定容器构件

 

一、组装盒

       组装盒(GtkBox)也称为组合构件。使用组装盒可以将多个构件放在一个容器中。容器可以把组装盒看作是一个构件。不像按钮构件,组装盒在屏幕上时看不见的。事实上,它们是同时跟踪若干子构件的不可见容器。组装盒分为纵向组装盒和横向组装盒。纵向组装盒在垂直方向堆积构件,横向组装盒沿水平方向堆积构件。

       使用gtk_vbox_new函数建立纵向组装盒,使用gtk_hbox_new函数建立横向组装盒。在建立组装盒以后,可以使用gtk_box_pack_start函数或gtk_box_pack_end函数将构件放到组装盒中。

为了显示构件,必须将构件放入组装盒中,并将组装盒放在容器内。这等效于使容器具有容纳多个构件的能力。虽然组装盒没有任何可视的部分,但是必须使容器和组装盒成为可视。因为可视性影响加到容器内的构件。

      

2

名称:

gtk_hbox_new

gtk_vbox_new

功能

创建一个横向组装盒 gtk_hbox_new

创建一个纵向组装盒 gtk_vbox_new

头文件

#include

函数原形

GtkWidget *gtk_hbox_new(gboolean homogeneous,gint spacing);

GtkWidget *gtk_vbox_new(gboolean homogeneous,gint spacing);

参数

homogeneous  子构件是否具有同样的大小

spacing       子构件间的距离

返回值

新的组装盒

      

 

 

 

 

 

 

 

 

 

 建立组装盒的函数取两个参数,用来确定组装盒在屏幕上的外观。

第一个参数称为homogeneous.用这一参数来确定所有增加的构件具有同样的大小。例如,在一个横向组装盒中建立5个按钮,分别带有标号:fredjoesuekarenBartholomew the Great。如果homogeneous参数为FALSE,组装盒建立5个不同大小的按钮,正好在按钮上容纳各自的标号的正文。如果homogeneous参数为TRUE,组装盒计算最大的构件大小,然后按照最大的构件的大小对所有按钮分配同样大小的空间。

       第二个参数称为spacing。用它来确定插入组装盒的构件之间的空间。将spacing参数设置为0表示在插入的构件之间不留空间。

 

3

名称:

gtk_box_pack_start

gtk_box_pack_end

功能

将构件放到组装盒中

头文件

#include

函数原形

void gtk_box_pack_start(GtkBox *box,GtkWidget *child,gboolean expend,gboolean fill,guint padding);

void gtk_box_pack_end(GtkBox *box,GtkWidget *child,gboolean expend,gboolean fill,guint padding);

参数

box          组装盒的名称

child         子构件的名称

expend       构件周围是否还有可扩充的空间

fill          构件是否需要充分利用构件周围空间

padding      构件周围要保留多少个填充的像元

返回值

      

 

 

 

 

 

 

 

 

 

 

 

 

 

函数gtk_box_pack_start将构件放在顶部(对于纵向组装盒)或左边(对于横向组装盒。函数gtk_box_pack_end将构件放在底部(对于纵向组装盒)或右边(对于横向组装盒)。

       gtk_box_paxk_startgtk_box_pack_end5个参数,其中3个参数用来确定如何将构件放在组装盒内。

expand参数表示在所有构件加入组装盒以后,构件周围是否还有可扩充的空间。如果用homogenous格式建立组装盒,则忽略这一参数。因为homegeneous参数表示构件在组装盒内使用同样大小的空间。

fill参数表示构件是否需要充分利用构件周围空间。将此参数设置为TRUE允许构件稍稍扩大一点,以充分利用组装盒分配给它的空间。将此参数设置为FALSE强制构件只使用它需要的空间。多余的空间围绕构件的周围分布。

padding参数表示在构件周围要保留多少个填充的像元。多数情况下将它的值设置为0

 

#include

 

void PackNewButton(Gtk Widget *box,char *szLabel);

 

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

{

GtkWidget *window; /*定义窗体*/

GtkWidget *box;    /*定义组装盒*/

 

gtk_init(&argc,&argv); /*初始化GTK+*/

window=gtk_window_new(GTK_WINDOW_TOPLEVEL); /*创建窗体*/

gtk_signal_connect(GTK_OBJECT(window),”destroy”,G_CALLBACK(gtk_main_quit),NULL); /*登记destroy信号,调用退出函数*/

box=gtk_vbox_new(FALSE,0); /*创建组装盒*/

 

PackNewButton(box,”Button1”); /*调用创建按钮函数*/

PackNewButton(box,”Button2”);

PackNewButton(box,”Button3”);

PackNewButton(box,”Button4”);

PackNewButton(box,”Button5”);

 

gtk_container_add(GTK_CONTAINER(window),box); /*把组装盒放入窗体*/

gtk_widget_show(box); /*使组装盒可视*/

gtk_widget_show(window); /*使窗体可视*/

gtk_main(); /*等待用户操作*/

}

 

void PackNewButton(GtkWidget *box,char *szLabel)

{

GtkWidget *button;/*定义按钮*/

 

button=gtk_button_new_with_label(szLabel); /*创建带标号的按钮*/

gtk_box_pack_start(GTK_BOX(box),button,FALSE,FALSE,0); /*把按钮加入组装盒*/

gtk_widget_show(button); /*使按钮可视*/

}

下面我们来编译它:

$gcc –o box box.c `pkg-config –cflags –libs gtk+-2.0`

$./box

程序运行后会出现下面的图形:

本例涉及到了按钮的创建,大家暂时不必关注,我会在下面的章节介绍。

 

二、组合表

       组合表允许将多个构件放入一个窗口内,这一点类似于组装盒。但是,组装盒在放置构件时只允许纵向或横向的二维控制。组合表则类似于HTML表;允许用行和列控制构件的放置,并且对象可以取多行或多列。

      

4

名称:

gtk_table_new

功能

创建组合表

头文件

#include

函数原形

GtkWidget* gtk_table_new(guint rows,guint columns,gboolean homogeneous);

参数

rows           表的行数

columns        表的列数

homogeneous    子构件是否具有同样的大小

返回值

新的组合表

      

 

 

 

 

 

 

   

 

 

 

 

 

 

 

 

 

 

 

 

 

rows columns表示建表所用的行数和列数。homogeneous的效果和在组装盒中homogeneous的使用效果相同。如果在建立组合表时它被设置为TRUE,表内的表框用最大构件的外框。如果它被设置为FALSE,则将每一列的宽度设置为本例中最大构件的宽度,每一行的高度设置为行中最大构件的高度。

行的排列从0~rows-1,列的排列从0~columns-1.当增加构件时,每个构件提供开始列、结束列、开始行和结束行。如果构件将被放在表的左上角,列的范围从01。行的范围从01

      

5

名称:

gtk_table_attach

gtk_table_attch_defaults

功能

将控件加到表中

头文件

#include

函数原形

void gtk_table_attach(GtkTable *table,GtkWidget * child,guint left_attach,guint right_attach,guint top_attach,guint  botton_attach, GtkAttachOptions xoptions,GtkAttachOptions yoptions,guint xpadding,guint ypadding);

void gtk_table_attach_defaults( GtkTable *table,GtkWidget * child,guint left_attach,guint right_attach,guint top_attach,guint  botton_attach);

参数

table           组合表名

child           子构件名

left_attach      横向起始位置

right_attach     横向结束位置

top_attach      纵向起始位置

botton_attach    纵向结束位置

xoptions        横向选项

yoptions        纵向选项

xpadding       横向填充像元

ypadding       纵向填充像元

返回值

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

两个函数都可以将构件加到表中。

table为表的名字,childwidget为构件的名字。

left_attachright_attachtop_attachbotton_attach表示控件在表中的位置。

xoptionsyoptions可以用GTK_FILLGTK_SHRINKGTK_EXPAND,或者用3者的任意组合。其中GTK_FILL选项表示构件充分利用分配给它的空间进行扩展。GTK_SHRINK选项允许构件缩小到比原来分配的空间还小的空间。GTK_EXPAND选项使表扩展填满它插入的所有空间。

xpaddingypadding表示围绕构件填充的像元数。

 

gtk_table_attach_defaults函数取比较少的参数,并对gtk_table_attach函数使用的xoptionsyoptionsxpaddingypadding参数用缺省值来代替。对gtk_table_attach_defaults函数来说,xpaddingypadding的缺省值为0;而xoptionsyoptions的却省值为(GTK_FILL|GTK_EXPAND)。

 

下面是应用组合表的程序例子:

/*table.c*/

#include

 

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

{

GtkWidget *window; /*定义窗体*/

GtkWidget *table; /*定义组合表*/

GtkWidget *button; /*定义按钮*/

 

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

window=gtk_window_new(GTK_WINDOW_TOPLEVEL); /*创建窗体*/

gtk_signal_connect(GTK_OBJECT(window),”destroy”,G_CALLBACK(gtk_main_quit),NULL); /*登记destroy信号函数*/

table=gtk_table_new(4,4,FALSE); /*创建组合表*/

 

button=gtk_button_new_with_label(“button1”); /*创建按钮*/

gtk_table_attach(GTK_TABLE(table),button,0,1,0,1,GTK_FILL,GTK_FILL,0,0);/*把按钮加入组合表*/

gtk_widget_show(button); /*显示按钮*/

 

button=gtk_button_new_with_label(“button1”);

gtk_table_attach(GTK_TABLE(table),button,1,2,1,2,GTK_FILL,GTK_FILL,0,0);

gtk_widget_show(button);

 

button=gtk_button_new_with_label(“button1”);

gtk_table_attach(GTK_TABLE(table),button,2,3,2,3,GTK_FILL,GTK_FILL,0,0);

gtk_widget_show(button);

 

gtk_container_add(GTK_CONTAINER(window),table); /*把组合表添加到窗体上*/

gtk_widget_show(table); /*显示组合表*/

gtk_widget_show(window); /*显示窗体*/

gtk_main(); /*等待用户操作*/

return FALSE;

}

$gcc –o table table.c `pkg-config –cflags –libs gtk+-2.0`

$./table

GTK+图形化应用程序开发学习笔记(五)—组装盒、组合表、固定容器构件_第1张图片

这里没有给出参数的所用情况的程序,大家可以把相应的参数换一下,体会各个参数的作用。

三、固定容器构件

       GtkFixed(固定容器构件)允许将构件放在窗口的固定位置,这个位置是相对与窗口的左上角的。构件的位置可以动态改变。

       使用GtkFixed为构件定位,在大多数情况下都是不可取的。因为当用户调整窗口尺寸时,勾结不能适应窗口的尺寸变化。当然,你可以在窗口尺寸变化的时候采取行动,调整构件的位置和大小。

       gtk_fixed_new函数用于创建新的固定容器构件。

 

6

名称:

gtk_fixed_new

功能

创建固定容器构件

头文件

#include

函数原形

GtiWidget *gtk_fixed_new(void);

参数

返回值

新的固定容器构件

      

      

 

 

 

 

 

 

gtk_fixed_put函数将构件放在由x,y指定的位置。

 

7

名称:

gtk_fixed_put

功能

将构件放入固定容器构件的指定位置

头文件

#include

函数原形

void gtk_fixed_put(GtkFixed *fixed,GtkWidget *widget,gint16 x,gint16 y);

参数

fixed        固定容器容器构件

widget       要放在固定容器构件中的构件

x            放置的横坐标

y            放置的纵坐标

返回值

      

      

 

 

 

 

 

 

 

 

 

 

 

 gtk_fixed_move函数将指定构件移动到新位置。

 

8

名称:

gtk_fixed_move

功能

移动固定容器构件里的构件到指定位子

头文件

#include

函数原形

void gtk_fixed_move(GtkFixed *fixed,GtkWidget *widget,gint16 x,gint16 y);

参数

fixed        固定容器构件

widget       要放在固定容器构件中的构件

x            放置的横坐标

y            放置的纵坐标

返回值

      

 

 

 

 

 

 

 

 

 

 

 

 

下面是固定构件的程序例子:

#include

 

GtkWidget *window;/*定义窗体*/

GtkWidget *fixed;/*定义固定容器构件*/

GtkWidget *button;/*定义按钮*/

gint function(gpointer data);

gpointer data;

gint sign;

int x=0;

int y=0;

 

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

{

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

window=gtk_window_new(GTK_WINDOW_TOPLEVEL);/*创建窗体*/

gtk_signal_connect(GTK_OBJECT(window),”destroy”,G_CALLBACK(gtk_main_quit),NULL);

fixed=gtk_fixed_new();/*创建固定容器构件*/

button=gtk_button_new_with_label(“button”);/*创建按钮*/

gtk_fixed_put(GTK_FIXED(fixed),button,10,10);/*将按纽放在固定容器构件的指定位置*/

 

sign=g_timeout_add(600,function,data);/*创建定时器*/

gtk_container_add(GTK_CONTAINER(window),fixed);/*把固定容器构件放入窗体*/

gtk_widget_show(fixed);

gtk_widget_show(button);

gtk_widget_show(window);

gtk_main();

}

 

gint function(gpointer data)

{

gtk_fixed_move(GTK_FIXED(fixed),button,++x,++y);/*移动按纽*/

return TRUE;

}

       程序运行后得到如下的窗体:

GTK+图形化应用程序开发学习笔记(五)—组装盒、组合表、固定容器构件_第2张图片

       窗体每隔600毫秒便会扩大一次。

 

 

你可能感兴趣的:(GTK+图形化应用程序开发)