实际的应用中，往往有很多个控件， 同样GTK提供了很多种布局方案，Box， Fixed ， Table ， Grid 等。
接下来试试网格布局 Grid。
我们创建 example4.c ,内容如下：
代码语言：javascript复制#include <gtk/gtk.h>
static void print_hello(GtkWidget *button , gpointer data);
static void activate(GtkApplication *app , gpointer data);
int main(int argc , char **argv)
{
GtkApplication *app;
int app_status;
app = gtk_application_new("org.rain.gtk" , G_APPLICATION_FLAGS_NONE);
g_signal_connect(app , "activate" , G_CALLBACK(activate) , NULL);
app_status = g_application_run(G_APPLICATION(app) , argc , argv);
g_object_unref(app);
return app_status;
}
static void print_hello(GtkWidget *button , gpointer data)
{
printf("Hello,World!n");
}
static void activate(GtkApplication *app , gpointer data)
{
GtkWidget *window;
GtkWidget *grid;
GtkWidget *button;
//创建窗口
window = gtk_application_window_new(app);
gtk_window_set_title(GTK_WINDOW(window) , "grid test");
// gtk_window_set_default_size(GTK_WINDOW(window) , 200 , 200);
//创建网格
grid = gtk_grid_new();
//添加网格布局到window上
gtk_container_set_border_width(GTK_CONTAINER(window) , 20);
gtk_container_add(GTK_CONTAINER(window) , grid);
//添加按钮一到位置(0,0）处，并设置高，宽均为一个单元
button = gtk_button_new_with_label("Button1");
g_signal_connect(button , "clicked" , G_CALLBACK(print_hello) , NULL);
gtk_grid_attach(GTK_GRID(grid) , button , 0 , 0 , 1 , 1);
//添加按钮一到位置(1,0）处，并设置高，宽均为一个单元
button = gtk_button_new_with_label("Button2");
g_signal_connect(button , "clicked" , G_CALLBACK(print_hello) , NULL);
gtk_grid_attach(GTK_GRID(grid) , button , 1 , 0 , 1 , 1);
//添加按钮一到位置(0,1）处，并设置高为一个单元，宽为两个单元
button = gtk_button_new_with_label("Exit");
g_signal_connect_swapped(button , "clicked" , G_CALLBACK(gtk_widget_destroy) , window);
gtk_grid_attach(GTK_GRID(grid) , button , 2 , 0 , 1 , 1);
//添加按钮一到位置(1,1）处，并设置高为一个单元，宽为两个单元
button = gtk_button_new_with_label("Exit");
g_signal_connect_swapped(button , "clicked" , G_CALLBACK(gtk_widget_destroy) , window);
gtk_grid_attach(GTK_GRID(grid) , button , 1 , 1 , 2 , 1);
gtk_widget_show_all(window);
}编译并运行：
代码语言：javascript复制gcc exampe.c `pkg-config --cflags --libs gtk -3.0`
./a.out运行结果：
gtk_grid_attach(GTK_GRID(grid) , button , 0 , 0 , 1 , 1);
该函数后面四个参数依次代表：第几行，第几列，横向跨度，纵向跨度。
