GTK+-3.0编程 (四) 网格布局 Grid

http://www.cnblogs.com/rain-blog/p/gtk3-4.html

　　实际的应用中，往往有很多个控件， 同样GTK提供了很多种布局方案，Box， Fixed ， Table ， Grid 等。

接下来试试网格布局 Grid。

我们创建 example4.c ,内容如下：

#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);

}

　　编译并运行：

gcc exampe.c `pkg-config --cflags --libs gtk+-3.0`
./a.out

　　运行结果：

 

gtk_grid_attach(GTK_GRID(grid) , button , 0 , 0 , 1 , 1);

该函数后面四个参数依次代表：第几行，第几列，横向跨度，纵向跨度。