第20讲 界面布局.pptVIP

1-* 北京源智天下科技有限公司 联系方式： 联系方式： 北京源智天下科技有限公司 第20讲 界面布局 演讲人：马玉军 e-mail:jtclass@126.com 课程安排 表格布局 垂直框布局 水平窗格布局 Glade设计程序界面 表格布局 所谓表格，是指用横竖布局的线和格子将一个窗口划分成多个区域。每一个区域可以放置不同的元件。如果一个元件中可放置其他的元件，这个元件就被称作容器。GTK的容器都是二进制的，就是每一个容器中只能放置一个元件。如果需要在一个窗口中旋转多个元件，则需要用表格、窗格等有很多单元格的容器。 表格的建立:在窗口中使用表格以前，需要用gtk_table_new函数新建一个表格。这个函数的使用方法如下所示。 01 GtkWidget* gtk_table_new (guint rows,guint columns,gboolean homogeneous); 在参数列表中，rows表示表格的行数，columns表示表格的列数。需要注意的是，这里的行数和列数是从行开始算的。homogeneous是一个布尔值，如果设置为TRUE，则每一个单元格的大小相同。所有单元格的高度与宽度和表格中最大的一个元件的宽度和高度相同。如果设置为FALSE，则表格的单元格大小会根据单元格中的元件自动调整。 提示：表格的作用只是将表格划分成不同的区域，并不能显示出这个表格。添加一个表格后，需要用gtk_container_add函数将这个表格添加到窗口中。并且需要用gtk_widget_show函数显示这个表格。 表格布局 表格布局 表格中添加元件:建立表格以后，需要将元件添加到这个表格中。函数gtk_table_attach的作用是将一个元件添加到表格，并且设置在表格中的位置和填充的选项。这个表格的使用方法如下所示。 01 void gtk_table_attach (GtkTable *table, GtkWidget *child, 02 guint left_attach, guint right_attach, 03 guint top_attach, guint bottom_attach, 04 GtkAttachOptions xoptions, GtkAttachOptions yoptions, 05 guint xpadding, guint ypadding); 这个函数的参数比较复杂，参数的含义和作用如下所示。 table：容器表格的指针。 child：需要添加的元件的指针。 left_attach、right_attach：元件的左边是表格的第几条边，右边是表格的第几条边。需要注意的是，这里的边数是从0开始算的。 top_attach、right_attach：上边是表格的第几条边、下边是表格的第几条边。 xoptions、yoptions：元件在表格中的水平方向、垂直方向的对齐方式。取值的类型是GtkAttachOptions。 xpadding、ypadding：元件与边框水平方向或垂直方向的边距。 GtkAttachOptions是GTK中用来描述元件对齐方式的变量，可能有下面三种取值。 GTK_EXPAND：元件以实际设置的大小显示，如果小于容器的大小则容器自动变大。 GTK_SHRINK：如果元件大于容器的大小，则自动缩小元件。 GTK_FILL：元件填充整个单元格。 注意：在向表格中添加元件时，必须注意函数gtk_table_attach中的单元格位置的表示方法 表格布局 表格使用实例:本节将讲述一个表格实例。在程序的窗口中，添加一个两行两例的表格。表格的第一行第一列中添加一个按钮。第一行第二列中添加一个标签。第二行第一列中添加一个文本框。在表格中，需要注意添加元件的行列参数。程序的代码如下所示。 表格布局 单元格的合并:所谓单元格合并，指的是一个元件占据一个表格中同行或同列的多个单元格。表格的合并没有专门函数来实现。而是元件设置在表格的位置时，设置这个元件在表格中跨多个单元格的边界。 例如，表格中的一个元件，设置左右边线分别为0和1，设置上下边线分别为1和2。则这个元件在表格中就是第1列，占据第1行和第2行。下面的实例，是将上一小节中的右边元件跨越两个单元格。 表格布局 表格中添加表格:在复杂的界面中，使用一个表格并不能完成布局网页中所有的元件。这时需要在表格的单元格中添加表格。表格也是一个普通元