本来想接上篇把关于窗口方面的写的更详尽一点，但因为我做软件的习惯来说还暂时用不不到、我们先跳过，然后先说说窗口中的布局。跟大多数软件界面一样，一般包含标题栏、菜单栏、工具栏、状态栏和工作区等。
首先，我必须要有一个初步的规划，因为是自己设计一些软件，我只需要问我自己几个问题（why/how），而不需要跟设计部进行沟通。
1.Q：为什么要设计这个demo？
A：初步认识GTK+的构件并应用到实际开发中，实现掌握GTK+的能力并能分享给大家。
2.Q:如何分享？demo有什么功能？
A:我通过逐步添加代码的方式，高亮显示能看到代码进化的过程，让本系列读者达到学习的目的；要全面接触到所有的GTK+的构建，那么只有把demo做成GTK+构件演示软件才能满足了。
3.Q:demo的界面大致是怎么样的？
A:基本的软件界面，通过菜单、工具栏等方式逐步演示界面上显示不到的功能。
4.Q:怎么样去划分demo的功能？
A:根据Glade 3中的划分，GTK+构建分为Toplevels、Containers、Controls and Display、Composite Widgets等类型。所以在菜单设计中可以按这个分类去设计。
好了，现在应该基本知道未来的demo大概是个什么样的了吧。
一、添加简单菜单栏，以后在逐步完善
在添加菜单栏之前、还需要用一个容器来将窗体划分为多个区域，以供放工具栏、状态栏等.我们从上到下分4栏，最上面是菜单栏，紧接着是工具栏，然后是工作区，最下面是状态栏。我们先添加一个容器vbox来划分区域，并加入toggle菜单。这个菜单的功能是让用户可以操作划分区域的显示和隐藏。
#include <gtk/gtk.h> /* @Description: 从一个图片中获取信息得到pixbuf @param: gchar filename */ GdkPixbuf *create_pixbuf(const gchar * filename) { GdkPixbuf *pixbuf; GError *error = NULL; /* * 函数gdk_pixbuf_new_from_file() 从一个图片文件中加载图象数据，从而生成一个新的 pixbuf， * 至于文件中包含图象的格式，是由系统自动检测的。如果该函数返回值是NULL 的话，程序就会出现错误。 */ pixbuf = gdk_pixbuf_new_from_file(filename, &error); if(!pixbuf) { fprintf(stderr, "%s\n", error->message); g_error_free(error); } return pixbuf; } int main( int argc, char *argv[]) { GtkWidget *window; GtkWidget *vbox; //盒装容器 GtkWidget *menubar; //菜单栏 GtkWidget *menutoggle, *menu_tog_toggle,*menu_tog_toolbar, *menu_tog_statusbar; //界面开关菜单 //GtkWidget *menu_about, *menu_about_us; //帮助菜单 /*初始化整个GTK+程序，是每一个GTK+程序必不可少的部分*/ gtk_init(&argc, &argv); /*这里生成了一个窗口构件——GtkWindow，GTK_WINDOW_TOPLEVEL包含窗口的标题栏和边框，同意用窗口管理器来进行管理*/ window = gtk_window_new(GTK_WINDOW_TOPLEVEL); /*设置窗口标题*/ gtk_window_set_title(GTK_WINDOW(window), "一步一步学GTK+ DEMO"); /*设置窗口默认大小*/ gtk_window_set_default_size(GTK_WINDOW(window), 500, 400); /* * 设置窗口在显示器中的位置为居中。 * GTK_WIN_POS_NONE ：不固定 * GTK_WIN_POS_CENTER : 居中 * GTK_WIN_POS_MOUSE : 出现在鼠标位置 * GTK_WIN_POS_CENTER_ALWAYS : 窗口改变大小的时候仍然居中 */ gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER); /*函数gtk_window_set_icon() 是为窗口设置图标用的，函数create_pixbuf是我们自定义的，目的是从一个图片中获取信息得到pixbuf。*/ gtk_window_set_icon(GTK_WINDOW(window), create_pixbuf("./images/bear.png"));
/*创建一个盒装容器并添加到窗口中*/ vbox = gtk_vbox_new(FALSE, 0); gtk_container_add(GTK_CONTAINER(window), vbox); /*创建菜单*/ menubar = gtk_menu_bar_new(); //代表整个菜单,是一个menu shell menutoggle = gtk_menu_new(); //这里代表第一列菜单toggle ,也是一个menu shell menu_tog_toggle = gtk_menu_item_new_with_label("widget toggle"); menu_tog_toolbar = gtk_menu_item_new_with_label("show Toolbar"); //toggle 菜单中子项 menu_tog_statusbar = gtk_menu_item_new_with_label("show Statusbar"); gtk_menu_item_set_submenu(GTK_MENU_ITEM(menu_tog_toggle), menutoggle); //widget toggle菜单加入 menutoggle menu shell gtk_menu_shell_append(GTK_MENU_SHELL(menutoggle), menu_tog_toolbar); gtk_menu_shell_append(GTK_MENU_SHELL(menutoggle), menu_tog_statusbar); gtk_menu_shell_append(GTK_MENU_SHELL(menubar), menu_tog_toggle); /*把菜单加入盒子容器*/ gtk_box_pack_start(GTK_BOX(vbox), menubar, FALSE, FALSE, 3); /***********************************以下是信号处理部分************************************/ /*关闭窗口时退出主循环*/ g_signal_connect_swapped(G_OBJECT(window),"destroy",G_CALLBACK(gtk_main_quit), NULL); /***********************************以下是显示控件部分************************************/ /*开始显示窗口*/ //gtk_widget_show(window); gtk_widget_show_all(window); gtk_main(); return 0; }
二、添加状态栏，并点击任意菜单的时候在状态来显示内容
#include <gtk/gtk.h> /* @Description: 从一个图片中获取信息得到pixbuf @param: gchar filename */ GdkPixbuf *create_pixbuf(const gchar * filename) { GdkPixbuf *pixbuf; GError *error = NULL; /* * 函数gdk_pixbuf_new_from_file() 从一个图片文件中加载图象数据，从而生成一个新的 pixbuf， * 至于文件中包含图象的格式，是由系统自动检测的。如果该函数返回值是NULL 的话，程序就会出现错误。 */ pixbuf = gdk_pixbuf_new_from_file(filename, &error); if(!pixbuf) { fprintf(stderr, "%s\n", error->message); g_error_free(error); } return pixbuf; } /*点击菜单时，状态栏显示*/ void menu_pressed(GtkWidget *widget, gpointer window) { gchar *str; str = g_strdup_printf("you clicked one menu item"); gtk_statusbar_push(GTK_STATUSBAR(window),gtk_statusbar_get_context_id(GTK_STATUSBAR(window), str), str); g_free(str); } int main( int argc, char *argv[]) { GtkWidget *window; GtkWidget *vbox; //盒装容器 GtkWidget *menubar; //菜单栏 GtkWidget *menutoggle, *menu_tog_toggle,*menu_tog_toolbar, *menu_tog_statusbar; //界面开关菜单 //GtkWidget *menu_about, *menu_about_us; //帮助菜单 GtkWidget *statusbar; //状态栏 /*初始化整个GTK+程序，是每一个GTK+程序必不可少的部分*/ gtk_init(&argc, &argv); /*这里生成了一个窗口构件——GtkWindow，GTK_WINDOW_TOPLEVEL包含窗口的标题栏和边框，同意用窗口管理器来进行管理*/ window = gtk_window_new(GTK_WINDOW_TOPLEVEL); /*设置窗口标题*/ gtk_window_set_title(GTK_WINDOW(window), "一步一步学GTK+ DEMO"); /*设置窗口默认大小*/ gtk_window_set_default_size(GTK_WINDOW(window), 500, 400); /* * 设置窗口在显示器中的位置为居中。 * GTK_WIN_POS_NONE ：不固定 * GTK_WIN_POS_CENTER : 居中 * GTK_WIN_POS_MOUSE : 出现在鼠标位置 * GTK_WIN_POS_CENTER_ALWAYS : 窗口改变大小的时候仍然居中 */ gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER); /*函数gtk_window_set_icon() 是为窗口设置图标用的，函数create_pixbuf是我们自定义的，目的是从一个图片中获取信息得到pixbuf。*/ gtk_window_set_icon(GTK_WINDOW(window), create_pixbuf("./images/bear.png")); /*创建一个盒装容器并添加到窗口中*/ vbox = gtk_vbox_new(FALSE, 0); gtk_container_add(GTK_CONTAINER(window), vbox); /*创建菜单*/ menubar = gtk_menu_bar_new(); //代表整个菜单,是一个menu shell menutoggle = gtk_menu_new(); //这里代表第一列菜单toggle ,也是一个menu shell menu_tog_toggle = gtk_menu_item_new_with_label("widget toggle"); menu_tog_toolbar = gtk_menu_item_new_with_label("show Toolbar"); //toggle 菜单中子项 menu_tog_statusbar = gtk_menu_item_new_with_label("show Statusbar"); gtk_menu_item_set_submenu(GTK_MENU_ITEM(menu_tog_toggle), menutoggle); //widget toggle菜单加入 menutoggle menu shell gtk_menu_shell_append(GTK_MENU_SHELL(menutoggle), menu_tog_toolbar); gtk_menu_shell_append(GTK_MENU_SHELL(menutoggle), menu_tog_statusbar); gtk_menu_shell_append(GTK_MENU_SHELL(menubar), menu_tog_toggle); /*把菜单加入盒子容器*/ gtk_box_pack_start(GTK_BOX(vbox), menubar, FALSE, FALSE, 4); statusbar = gtk_statusbar_new(); gtk_box_pack_end(GTK_BOX(vbox), statusbar, FALSE, TRUE, 1); /***********************************以下是信号处理部分************************************/ /*关闭窗口时退出主循环*/ g_signal_connect_swapped(G_OBJECT(window),"destroy",G_CALLBACK(gtk_main_quit), NULL); g_signal_connect(G_OBJECT(menu_tog_toolbar),"activate",G_CALLBACK(menu_pressed), G_OBJECT(statusbar)); g_signal_connect(G_OBJECT(menu_tog_statusbar),"activate",G_CALLBACK(menu_pressed), G_OBJECT(statusbar)); /***********************************以下是显示控件部分************************************/ /*开始显示窗口*/ //gtk_widget_show(window); gtk_widget_show_all(window); gtk_main(); return 0; }
状态栏的相关函数：
guint gtk_statusbar_push (GtkStatusbar *statusbar, guint context_id, const gchar *text); void gtk_statusbar_pop (GtkStatusbar *statusbar, guint context_id); void gtk_statusbar_remove (GtkStatusbar *statusbar, guint context_id, guint message_id); void gtk_statusbar_remove_all (GtkStatusbar *statusbar, guint context_id);
三、添加工具栏，并给“退出”按钮加入信号
#include <gtk/gtk.h> /* @Description: 从一个图片中获取信息得到pixbuf @param: gchar filename */ GdkPixbuf *create_pixbuf(const gchar * filename) { GdkPixbuf *pixbuf; GError *error = NULL; /* * 函数gdk_pixbuf_new_from_file() 从一个图片文件中加载图象数据，从而生成一个新的 pixbuf， * 至于文件中包含图象的格式，是由系统自动检测的。如果该函数返回值是NULL 的话，程序就会出现错误。 */ pixbuf = gdk_pixbuf_new_from_file(filename, &error); if(!pixbuf) { fprintf(stderr, "%s\n", error->message); g_error_free(error); } return pixbuf; } /*点击菜单时，状态栏显示*/ void menu_pressed(GtkWidget *widget, gpointer window) { gchar *str; str = g_strdup_printf("you click one menu item"); gtk_statusbar_push(GTK_STATUSBAR(window),gtk_statusbar_get_context_id(GTK_STATUSBAR(window), str), str); g_free(str); } int main( int argc, char *argv[]) { GtkWidget *window; GtkWidget *vbox; //盒装容器 GtkWidget *menubar; //菜单栏 GtkWidget *menutoggle, *menu_tog_toggle,*menu_tog_toolbar, *menu_tog_statusbar; //界面开关菜单 //GtkWidget *menu_about, *menu_about_us; //帮助菜单 GtkWidget *toolbar; //工具栏 GtkToolItem *tool_exit, *tool_sep,*tool_about; GtkWidget *statusbar; //状态栏 /*初始化整个GTK+程序，是每一个GTK+程序必不可少的部分*/ gtk_init(&argc, &argv); /*这里生成了一个窗口构件——GtkWindow，GTK_WINDOW_TOPLEVEL包含窗口的标题栏和边框，同意用窗口管理器来进行管理*/ window = gtk_window_new(GTK_WINDOW_TOPLEVEL); /*设置窗口标题*/ gtk_window_set_title(GTK_WINDOW(window), "一步一步学GTK+ DEMO"); /*设置窗口默认大小*/ gtk_window_set_default_size(GTK_WINDOW(window), 500, 400); /* * 设置窗口在显示器中的位置为居中。 * GTK_WIN_POS_NONE ：不固定 * GTK_WIN_POS_CENTER : 居中 * GTK_WIN_POS_MOUSE : 出现在鼠标位置 * GTK_WIN_POS_CENTER_ALWAYS : 窗口改变大小的时候仍然居中 */ gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER); /*函数gtk_window_set_icon() 是为窗口设置图标用的，函数create_pixbuf是我们自定义的，目的是从一个图片中获取信息得到pixbuf。*/ gtk_window_set_icon(GTK_WINDOW(window), create_pixbuf("./images/bear.png")); /*创建一个盒装容器并添加到窗口中*/ vbox = gtk_vbox_new(FALSE, 0); gtk_container_add(GTK_CONTAINER(window), vbox); /*创建菜单*/ menubar = gtk_menu_bar_new(); //代表整个菜单,是一个menu shell menutoggle = gtk_menu_new(); //这里代表第一列菜单toggle ,也是一个menu shell menu_tog_toggle = gtk_menu_item_new_with_label("View"); menu_tog_toolbar = gtk_menu_item_new_with_label("show Toolbar"); //toggle 菜单中子项 menu_tog_statusbar = gtk_menu_item_new_with_label("show Statusbar"); gtk_menu_item_set_submenu(GTK_MENU_ITEM(menu_tog_toggle), menutoggle); //widget toggle菜单加入 menutoggle menu shell gtk_menu_shell_append(GTK_MENU_SHELL(menutoggle), menu_tog_toolbar); gtk_menu_shell_append(GTK_MENU_SHELL(menutoggle), menu_tog_statusbar); gtk_menu_shell_append(GTK_MENU_SHELL(menubar), menu_tog_toggle); //创建工具栏 toolbar = gtk_toolbar_new(); gtk_toolbar_set_style(GTK_TOOLBAR(toolbar), GTK_TOOLBAR_ICONS); //设置工具栏样式为图标 gtk_container_set_border_width(GTK_CONTAINER(toolbar), 0); //工具栏边框大小 tool_exit = gtk_tool_button_new_from_stock(GTK_STOCK_QUIT); //工具栏中的 “退出” 按钮 gtk_toolbar_insert(GTK_TOOLBAR(toolbar), tool_exit, -1); tool_sep = gtk_separator_tool_item_new(); //工具栏中按钮之间的分割线 gtk_toolbar_insert(GTK_TOOLBAR(toolbar), tool_sep, -1); tool_about = gtk_tool_button_new_from_stock(GTK_STOCK_HELP); //工具栏中的“关于” 按钮 gtk_toolbar_insert(GTK_TOOLBAR(toolbar), tool_about, -1); statusbar = gtk_statusbar_new(); /*把菜单加入盒子容器*/ gtk_box_pack_start(GTK_BOX(vbox), menubar, FALSE, FALSE, 1); /*把工具栏加入盒子容器*/ gtk_box_pack_start(GTK_BOX(vbox), toolbar, FALSE, FALSE, 0); /*把状态栏加入盒子最下面*/ gtk_box_pack_end(GTK_BOX(vbox), statusbar, FALSE, TRUE, 1); /***********************************以下是信号处理部分************************************/ /*关闭窗口时退出主循环*/ g_signal_connect_swapped(G_OBJECT(window),"destroy",G_CALLBACK(gtk_main_quit), NULL); g_signal_connect(G_OBJECT(tool_exit), "clicked",G_CALLBACK(gtk_main_quit), NULL); g_signal_connect(G_OBJECT(menu_tog_toolbar),"activate",G_CALLBACK(menu_pressed), G_OBJECT(statusbar)); g_signal_connect(G_OBJECT(menu_tog_statusbar),"activate",G_CALLBACK(menu_pressed), G_OBJECT(statusbar)); /***********************************以下是显示控件部分************************************/ /*开始显示窗口*/ //gtk_widget_show(window); gtk_widget_show_all(window); gtk_main(); return 0; }
四、选择（Check）菜单选项（menu item）
移除刚才菜单点时候状态栏显示的功能，新增功能——控制工具栏和状态栏的显示/隐藏。
#include <gtk/gtk.h> /* @Description: 从一个图片中获取信息得到pixbuf @param: gchar filename */ GdkPixbuf *create_pixbuf(const gchar * filename) { GdkPixbuf *pixbuf; GError *error = NULL; /* * 函数gdk_pixbuf_new_from_file() 从一个图片文件中加载图象数据，从而生成一个新的 pixbuf， * 至于文件中包含图象的格式，是由系统自动检测的。如果该函数返回值是NULL 的话，程序就会出现错误。 */ pixbuf = gdk_pixbuf_new_from_file(filename, &error); if(!pixbuf) { fprintf(stderr, "%s\n", error->message); g_error_free(error); } return pixbuf; } /*点击菜单时，状态栏显示*/ /* void menu_pressed(GtkWidget *widget, gpointer window) { gchar *str; str = g_strdup_printf("you click one menu item"); gtk_statusbar_push(GTK_STATUSBAR(window),gtk_statusbar_get_context_id(GTK_STATUSBAR(window), str), str); g_free(str); } */ //根据菜单栏的选择(check)控制一些构件的显示和隐藏 void toggle_display(GtkWidget *widget, gpointer oneofwidget) { if (gtk_check_menu_item_get_active(GTK_CHECK_MENU_ITEM(widget))) { gtk_widget_show(oneofwidget); } else { gtk_widget_hide(oneofwidget); } } int main( int argc, char *argv[]) { GtkWidget *window; GtkWidget *vbox; //盒装容器 GtkWidget *menubar; //菜单栏 GtkWidget *menutoggle, *menu_tog_toggle,*menu_tog_toolbar, *menu_tog_statusbar; //界面开关菜单 //GtkWidget *menu_about, *menu_about_us; //帮助菜单 GtkWidget *toolbar; //工具栏 GtkToolItem *tool_exit, *tool_sep,*tool_about; GtkWidget *statusbar; //状态栏 /*初始化整个GTK+程序，是每一个GTK+程序必不可少的部分*/ gtk_init(&argc, &argv); /*这里生成了一个窗口构件——GtkWindow，GTK_WINDOW_TOPLEVEL包含窗口的标题栏和边框，同意用窗口管理器来进行管理*/ window = gtk_window_new(GTK_WINDOW_TOPLEVEL); /*设置窗口标题*/ gtk_window_set_title(GTK_WINDOW(window), "一步一步学GTK+ DEMO"); /*设置窗口默认大小*/ gtk_window_set_default_size(GTK_WINDOW(window), 500, 400); /* * 设置窗口在显示器中的位置为居中。 * GTK_WIN_POS_NONE ：不固定 * GTK_WIN_POS_CENTER : 居中 * GTK_WIN_POS_MOUSE : 出现在鼠标位置 * GTK_WIN_POS_CENTER_ALWAYS : 窗口改变大小的时候仍然居中 */ gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER); /*函数gtk_window_set_icon() 是为窗口设置图标用的，函数create_pixbuf是我们自定义的，目的是从一个图片中获取信息得到pixbuf。*/ gtk_window_set_icon(GTK_WINDOW(window), create_pixbuf("./images/bear.png")); /*创建一个盒装容器并添加到窗口中*/ vbox = gtk_vbox_new(FALSE, 0); gtk_container_add(GTK_CONTAINER(window), vbox); /*创建菜单*/ menubar = gtk_menu_bar_new(); //代表整个菜单,是一个menu shell menutoggle = gtk_menu_new(); //这里代表第一列菜单toggle ,也是一个menu shell menu_tog_toggle = gtk_menu_item_new_with_label("View"); //menu_tog_toolbar = gtk_menu_item_new_with_label("show Toolbar"); //toggle 菜单中子项 //menu_tog_statusbar = gtk_menu_item_new_with_label("show Statusbar"); menu_tog_toolbar = gtk_check_menu_item_new_with_label("show Toolbar"); gtk_check_menu_item_set_active(GTK_CHECK_MENU_ITEM(menu_tog_toolbar),TRUE); menu_tog_statusbar = gtk_check_menu_item_new_with_label("show Statusbar"); gtk_check_menu_item_set_active(GTK_CHECK_MENU_ITEM(menu_tog_statusbar),TRUE); gtk_menu_item_set_submenu(GTK_MENU_ITEM(menu_tog_toggle), menutoggle); //widget toggle菜单加入 menutoggle menu shell gtk_menu_shell_append(GTK_MENU_SHELL(menutoggle), menu_tog_toolbar); gtk_menu_shell_append(GTK_MENU_SHELL(menutoggle), menu_tog_statusbar); gtk_menu_shell_append(GTK_MENU_SHELL(menubar), menu_tog_toggle); //创建工具栏 toolbar = gtk_toolbar_new(); gtk_toolbar_set_style(GTK_TOOLBAR(toolbar), GTK_TOOLBAR_ICONS); //设置工具栏样式为图标 gtk_container_set_border_width(GTK_CONTAINER(toolbar), 0); //工具栏边框大小 tool_exit = gtk_tool_button_new_from_stock(GTK_STOCK_QUIT); //工具栏中的 “退出” 按钮 gtk_toolbar_insert(GTK_TOOLBAR(toolbar), tool_exit, -1); tool_sep = gtk_separator_tool_item_new(); //工具栏中按钮之间的分割线 gtk_toolbar_insert(GTK_TOOLBAR(toolbar), tool_sep, -1); tool_about = gtk_tool_button_new_from_stock(GTK_STOCK_HELP); //工具栏中的“关于” 按钮 gtk_toolbar_insert(GTK_TOOLBAR(toolbar), tool_about, -1); statusbar = gtk_statusbar_new(); /*把菜单加入盒子容器*/ gtk_box_pack_start(GTK_BOX(vbox), menubar, FALSE, FALSE, 1); /*把工具栏加入盒子容器*/ gtk_box_pack_start(GTK_BOX(vbox), toolbar, FALSE, FALSE, 0); /*把状态栏加入盒子最下面*/ gtk_box_pack_end(GTK_BOX(vbox), statusbar, FALSE, TRUE, 1); /***********************************以下是信号处理部分************************************/ /*关闭窗口时退出主循环*/ g_signal_connect_swapped(G_OBJECT(window),"destroy",G_CALLBACK(gtk_main_quit), NULL); g_signal_connect(G_OBJECT(tool_exit), "clicked",G_CALLBACK(gtk_main_quit), NULL); //g_signal_connect(G_OBJECT(menu_tog_toolbar),"activate",G_CALLBACK(menu_pressed), G_OBJECT(statusbar)); //g_signal_connect(G_OBJECT(menu_tog_statusbar),"activate",G_CALLBACK(menu_pressed), G_OBJECT(statusbar)); g_signal_connect(G_OBJECT(menu_tog_toolbar), "activate",G_CALLBACK(toggle_display), toolbar); g_signal_connect(G_OBJECT(menu_tog_statusbar), "activate",G_CALLBACK(toggle_display), statusbar); /***********************************以下是显示控件部分************************************/ /*开始显示窗口*/ //gtk_widget_show(window); gtk_widget_show_all(window); gtk_main(); return 0; }
