GTK界面基本元件
需要包含#include<gtk/gtk.h>
窗口
1. 新建窗口
gtk_window_new()可以建立一个GTK+窗口,函数原型如下:
GtkWidget * gtk_window_new (GtkWindowType type);
返回:若成功则返回GtkWidget类型的指针,失败则返回NULL。
参数type是一个表示窗口状态的常量,可能取值有以下两种:
- GTK_WINDOW_TOPLEVEL:表示该窗口是一个正常的窗口,可以最小化。
- GTK_WINDOW_POPUP:表示该窗口是一个弹出式的窗口,不可以最小化。
2. 设置窗口标题
gtk_window_set_title()函数用于设置窗口标题,使用方法如下:
void gtk_window_set_title(GtkWindow *window, gchar *title);
参数window指定将要添加标题的窗口,title表示需要设置的标题。需要注意title指向的字符串必须是英文字符,若需要显示中文字符,则需要使用g_locale_to_utf8()函数进行批注。
3. 设置窗口大小与位置
窗口大小指的是窗口的宽度和高度,用gtk_widget_set_usize()函数设置一个窗口的初始化大小。窗口位置指的是窗口的左上顶点到屏幕左边和顶边的距离,可以用gtk_widget_set_uposition()函数来设置一个窗口的初始位置。这两个函数的原型为:
void gtk_widget_set_usize(GtkWidget *widget, gint width, gint height);
void gtk_widget_set_uposition(GtkWidget *widget, gint x, gint y);
参数widget用于指定将要进行设置的窗口,width表示窗口的宽度,height表示窗口的高度;x表示窗口的左边距,即左上顶点的x坐标,y表示窗口的上边距,也是窗口的左上顶点的y坐标。
显示窗口需要调用gtk_widget_show()函数。
标签
1. 新建标签
gtk_label_new()可以建立一个标签,函数原型如下:
GtkWidget * gtk_label_new (gchar *text);
返回:若成功则返回GtkWidget类型的指针,失败则返回NULL。
参数text表示标签需要显示的内容
2. 将标签添加到窗口
GTK+窗口中,除了window窗口外,其他元件都必须放置在一个容器中。新建的标签并不能直接显示,需要放在一个窗口元件中。gtk_container_add()函数作用是把一个元件放置在另一个元件窗口(窗口)中,函数原型如下:
void gtk_container_add (GtkContainer *container, GtkWidget *widget);
参数container是一个父级容器指针,widget是需要放置的元件指针。
3. 设置与获取标签文本
在程序中,可以用gtk_label_get_text()函数获取一个标签的文本。使用gtk_label_set_text()函数来设置一个标签的文本。这两个函数的原型为:
const char* gtk_label_get_text (GtkLabel *label);
void gtk_label_set_text (GtkLabel *label, gchar *text);
第一个函数返回:若成功则返回标签文本的字符串指针,失败则返回NULL。
函数中参数label是一个指向标签的指针,text表示标签需要设置的文本。
显示标签需要调用gtk_widget_show()函数
按钮
1. 新建按钮
gtk_button_new_with_label()可以建立一个带标签的按钮,函数原型如下:
GtkWidget * gtk_button_new_with_label (gchar *label);
返回:若成功则返回GtkWidget类型的指针,失败则返回NULL。
参数label表示按钮需要显示的内容
2. 设置与获取按钮的标签
gtk_button_get_label()函数可以获取一个按钮的标签。gtk_button_set_label()函数可以设置一个按钮的标签。这两个函数的原型为:
const gchar* gtk_button_get_label (GtkButton *button);
void gtk_button_set_label (GtkButton *button, const gchar *label);
第一个函数返回:若成功则返回按钮标签内容的字符串指针,失败则返回NULL。
函数中参数button是一个指向按钮的指针,label表示按钮的标签内容。按钮的使用通常伴随着GTK+信号与事件的产生。
显示按钮需要调用gtk_widget_show()函数
文本框
1. 新建文本框
gtk_entry_new()可以建立一个文本框,函数原型如下:
GtkWidget * gtk_entry_new (void);
返回:若成功则返回GtkWidget类型的指针,失败则返回NULL。
另一个建立文本框的函数为:
GtkWidget * gtk_entry_new_with_max_length (gint max);
返回同上,参数max用来表示这个文本框最多可以输入的字节数。
2. 设置与获取文本框数据
gtk_entry_get_text()函数gtk_entry_set_text()函数可以得到和设置文本框的数据。这两个函数的原型为:
const gchar* gtk_entry_get_text (GtkEntry *entry);
void gtk_entry_set_text (GtkEntry *entry, const gchar *text);
第一个函数返回:若成功则返回按钮标签内容的字符串指针,失败则返回NULL。
函数中参数entry是一个指向文本框的指针,text表示设置到文本框中的字符串文本。
显示文本框需要调用gtk_widget_show()函数
example: 保存为entry_example.c
1 #include <gtk/gtk.h> 2 #include <stdlib.h> 3 4 5 GtkWidget *window; 6 GtkWidget *table; 7 GtkWidget *entry; 8 GtkWidget *label; 9 GtkWidget *button; 10 char text[50]; 11 12 void on_clicked(GtkWidget *widget, gpointer data) 13 { 14 strcpy(text, gtk_entry_get_text (GTK_ENTRY(entry))); 15 printf("您输入到字符串是:%s:\n",text); 16 } 17 18 int main(int argc, char* argv[]) 19 { 20 gtk_init(&argc, &argv); 21 window = gtk_window_new(GTK_WINDOW_TOPLEVEL); 22 //设置窗口标题 23 gtk_window_set_title(GTK_WINDOW(window), g_locale_to_utf8("文本框的使用", -1, NULL, NULL, NULL)); 24 //定义3行2列的表格,单元格大小根据单元格元件大小自动调整 25 table = gtk_table_new(3, 2, FALSE); 26 label = gtk_label_new(g_locale_to_utf8("请在这里输入文本", -1, NULL, NULL, NULL)); 27 //新建有字数限制的文本框,最多输入50个字符 28 entry = gtk_entry_new_with_max_length(50); 29 //新建提交按钮 30 button = gtk_button_new_with_label(g_locale_to_utf8("提交", -1, NULL, NULL, NULL)); 31 //将表格添加到窗口中 32 gtk_container_add(GTK_CONTAINER(window), table); 33 //将三个元件分别添加到表格相应的位置 34 gtk_table_attach (GTK_TABLE(table), label, 0, 1, 0, 1, 35 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 10, 10); 36 gtk_table_attach (GTK_TABLE(table), entry, 0, 2, 1, 2, 37 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 10, 10); 38 gtk_table_attach (GTK_TABLE(table), button, 1, 2, 2, 3, 39 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 10, 10); 40 g_signal_connect (G_OBJECT(button), "clicked", G_CALLBACK(on_clicked), window); 41 gtk_widget_show_all(window); 42 gtk_main(); 43 return 0; 44 }
使用gcc编译
gcc -o entry_example entry_example.c `pkg-config --libs --cflags gtk+-2.0`
./entry_example
运行结果为
在文本框中输入"hello world!"并点击提交,会在shell中显示
界面布局元件
GTK+的容器都是二进制的,也就是说每个容器只能放置一个元件,如果想在一个窗口中放置多个元件,则需要使用表格、窗格等有多个单元格的容器。
表格
1.表格的建立
在窗口中使用表格,需要调用gtk_table_new()函数新建一个表格,函数原型如下:
GtkWidget *gtk_table_new(guint rows, guint columns, gboolean homogeneous);
返回:若成功则返回一个GtkWidget类型的指针,失败则放回NULL。
参数rows表示表格的行数,columns表示表格列数,类型是无符号整型。行列标号从边开始算起,如下图所示
例如,某个元件占据了上图蓝色阴影部分,则它所占格子的坐标为left为0, right为2, top为2, butoom为4。
参数homogeneous是一个布尔值,TRUE表示每个单元格大小相同,所有单元格高度和宽度和表格中最大的一个相同;FALSE表示单元格大小会根据元件大小自动调整。
表格的作用只是将窗口划分成不同的区域,并不能显示出这个表格。
函数gtk_table_attach()作用是将一个元件添加到表格中,并设置在表格的位置和填充的选项。函数原型如下:
void gtk_table_attach(GtkTable *table, GtkWidget *child, guint left_attach, guint right_attach, guint top_attach, guint buttom_attach,
GtkAttachOptions xoptions, GtkAttachOptions yoptions,
guint xpadding, guint ypadding);
参数含义和作用:
- table:容器表格的指针。
- child:需要添加的元件的指针。
- left_attach,right_attach:分别表示元件的左边是表格x方向的第几条边,右边是表格x方向的第几条边。
- top_attach, buttom_attach:分别表示元件的上边是表格y方向的第几条边,下边是表格y方向的第几条边。
- xoptions,yoptions:分别表示元件在表格中的水平方向、垂直方向的对齐方式,取值类型为GtkAttachOptions。
- xpadding,ypadding:分别表示元件与边框水平方向、垂直方向的边距。
表格可以嵌套表格。
下面为程序演示例子,保存为con_nested_table.c
1 #include<gtk/gtk.h> 2 3 int main(int argc, char *argv[]) 4 { 5 GtkWidget *window; 6 GtkWidget *table1; 7 GtkWidget *table2; 8 GtkWidget *button1; 9 GtkWidget *button2; 10 GtkWidget *entry1; 11 GtkWidget *entry2; 12 GtkWidget *entry3; 13 GtkWidget *entry4; 14 GtkWidget *label1; 15 GtkWidget *label2; 16 GtkWidget *label3; 17 GtkWidget *label4; 18 GtkWidget *label5; 19 20 gtk_init(&argc, &argv); 21 window = gtk_window_new (GTK_WINDOW_TOPLEVEL); 22 gtk_window_set_title (GTK_WINDOW (window), g_locale_to_utf8("用户信息", -1, NULL, NULL, NULL));//设置窗口标题 23 //建立表格 24 table1 = gtk_table_new (4, 4, FALSE); 25 table2 = gtk_table_new (1, 2, FALSE); 26 //定义5个标签、2个按钮、4个文本框 27 label1 = gtk_label_new (g_locale_to_utf8("我的信息", -1, NULL, NULL, NULL)); 28 label2 = gtk_label_new (g_locale_to_utf8("用户名", -1, NULL, NULL, NULL)); 29 label3 = gtk_label_new (g_locale_to_utf8("密码", -1, NULL, NULL, NULL)); 30 label4 = gtk_label_new (g_locale_to_utf8("电子邮件", -1, NULL, NULL, NULL)); 31 label5 = gtk_label_new (g_locale_to_utf8("详细地址", -1, NULL, NULL, NULL)); 32 button1 = gtk_button_new_with_label(g_locale_to_utf8("注册", -1, NULL, NULL, NULL)); 33 button2 = gtk_button_new_with_label(g_locale_to_utf8("登录", -1, NULL, NULL, NULL)); 34 entry1 = gtk_entry_new (); 35 entry2 = gtk_entry_new (); 36 entry3 = gtk_entry_new (); 37 entry4 = gtk_entry_new (); 38 //添加表格到窗口 39 gtk_container_add(GTK_CONTAINER (window), table1); 40 //将5个元件分别添加到表格中 41 gtk_table_attach (GTK_TABLE(table1), label1, 0, 3, 0, 1, 42 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 43 gtk_table_attach (GTK_TABLE(table1), table2, 3, 4, 0, 1, 44 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 0, 5); 45 gtk_table_attach (GTK_TABLE(table1), label2, 0, 1, 1, 2, 46 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 47 gtk_table_attach (GTK_TABLE(table1), entry1, 1, 2, 1, 2, 48 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 49 gtk_table_attach (GTK_TABLE(table1), label3, 2, 3, 1, 2, 50 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 51 gtk_table_attach (GTK_TABLE(table1), entry2, 3, 4, 1, 2, 52 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 53 gtk_table_attach (GTK_TABLE(table1), label4, 0, 1, 2, 3, 54 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 55 gtk_table_attach (GTK_TABLE(table1), entry3, 1, 4, 2, 3, 56 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 57 gtk_table_attach (GTK_TABLE(table1), label5, 0, 1, 3, 4, 58 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 59 gtk_table_attach (GTK_TABLE(table1), entry4, 1, 4, 3, 4, 60 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 61 gtk_table_attach (GTK_TABLE(table2), button1, 0, 1, 0, 1, 62 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 2, 5); 63 gtk_table_attach (GTK_TABLE(table2), button2, 1, 2, 0, 1, 64 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 2, 5); 65 gtk_widget_show_all(window); 66 gtk_main(); 67 return 0; 68 69 70 }
使用GCC编译
gcc -o con_nested_table con_nested_table.c `pkg-config --libs --cflags gtk+-2.0`
./con_nested_table
运行结果为
框
框(box)是一種不可見的widget容器。框分为纵向框和横向框。纵向框在垂直方向堆积元件,横向框沿水平方向堆积元件。
1.框的建立
使用gtk_vbox_new函数建立纵向框,使用gtk_hbox_new函数建立横向框。函數原型爲:
GtkWidget *gtk_hbox_new(gboolean homogeneous,gint spacing);
GtkWidget *gtk_vbox_new(gboolean homogeneous,gint spacing);
参数:
- homogeneous:子构件是否具有同样的大小
- spacing
:
子构件间的距离
建立框後,需要調用gtk_container_add()函數將這個框添加到窗口中。
2.框中添加元件
可以使用gtk_box_pack_start函数或gtk_box_pack_end函数将构件放到组装盒中。前者從左到右、從上到下將元件放入框容器,而後者從右到左,從下到上將元件放入框容器。其原型爲:
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:构件周围要保留多少个填充的像元
下面是使用垂直框的程序例子,保存爲vbox_example.c
1 #include<gtk/gtk.h> 2 GtkWidget *window; 3 GtkWidget *table; 4 GtkWidget *vbox; 5 GtkWidget *button; 6 GtkWidget *label; 7 GtkWidget *entry; 8 char text[50]; 9 char text1[50]; 10 char a[50]; 11 int i = 0; 12 13 //定义信号回调函数 14 void on_clicked(GtkWidget *widget, gpointer data) 15 { 16 ++i; 17 gcvt((float)i, 3, text); 18 strcat(text, ":"); 19 //获取文本框内容,并将其复制到text字符串数组中 20 strcpy(text1, gtk_entry_get_text(GTK_ENTRY(entry))); 21 strcat(text, text1); 22 strcat(a, "\n"); 23 strcat(a, text); 24 gtk_label_set_text(GTK_LABEL(label), a); 25 } 26 27 int main(int argc, char *argv[]) 28 { 29 30 gtk_init(&argc, &argv); 31 window = gtk_window_new (GTK_WINDOW_TOPLEVEL); 32 gtk_window_set_title (GTK_WINDOW (window), g_locale_to_utf8("我也来评论", -1, NULL, NULL, NULL));//设置窗口标题 33 //设置窗口边框 34 gtk_container_border_width(GTK_CONTAINER(window), 5); 35 vbox = gtk_vbox_new (FALSE, 10); 36 //建立表格 37 table = gtk_table_new (2, 2, FALSE); 38 //定义标签、按钮、文本框 39 label = gtk_label_new (g_locale_to_utf8("评论内容", -1, NULL, NULL, NULL)); 40 41 button = gtk_button_new_with_label(g_locale_to_utf8("发表评论", -1, NULL, NULL, NULL)); 42 43 entry = gtk_entry_new (); 44 //添加表格到窗口 45 gtk_container_add(GTK_CONTAINER (window), vbox); 46 gtk_box_pack_start (GTK_BOX(vbox), label, TRUE, FALSE, 5); 47 gtk_box_pack_start (GTK_BOX(vbox), table, TRUE, FALSE, 5); 48 //将元件分别添加到表格中 49 gtk_table_attach (GTK_TABLE(table), entry, 0, 2, 0, 1, 50 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 51 gtk_table_attach (GTK_TABLE(table), button, 1, 2, 1, 2, 52 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 0, 0); 53 g_signal_connect (G_OBJECT(button), "clicked", G_CALLBACK(on_clicked), window); 54 gtk_widget_show_all(window); 55 gtk_main(); 56 return 0; 57 }
使用GCC编译
gcc -o vbox_example vbox_example.c `pkg-config --libs --cflags gtk+-2.0`
./vbox_example
运行结果为
其他常用元件
1進度條、微調按鈕、組合框
1.1進度條
創建進度條要使用GtkAdjustment元件。gtk_adjustment_new()函數用於創建GtkAdjustment元件,函數原型如下:
GtkObject* gtk_adjustment_new (gdouble initial_value, gdouble lower_range, gdouble upper_range,
gdouble step_increment, gdouble page_increment, gdouble page_size);
初始化新的调节设置对象需要6个参数。下面列出参数列表。
- initial_value:当初始化时,调节设置对象中存储的值。
- lower_range:调节设置对象允许的最小值。
- upper_range:调节设置对象允许的最大值。
- step_increment:当鼠标左鍵按下時元件一次增加/減少的值。
- page_increment: 当鼠标右鍵按下時元件一次增加/減少的值
- page_size:页的大小。这个值对于GtkSpinButton没什么用处,因此它总是被设置成为和page_increment同样的值,或者0。
GTK+中创建进度条的函数调用有兩個,函數原型如下:
GtkWidget *gtk_progress_bar_new(void);
GtkWidget *gtk_progress_bar_new_with_adjustment(GtkAdjustment *adjustmen);
gtk_progress_bar_set_bar_style()函数用于设置进度条的样式,函数原型如下:
gtk_progress_bar_set_bar_style(GtkProgressBar *pbar, GtkProgressBarStyle style);
参数pbar是一个指向进度条的指針,style表示进度条的样式,取值如下:
- GTK_PROGRESS_CONTINUOUS:连续进度条
- GTK_PROGRESS_DISCRETE:条块进度条
gtk_progress_bar_set_orientation()函数用于设置进度条的方向,函数原型如下:
gtk_progress_bar_set_orientation(GtkProgressBar *pbar, GtkProgressBarOrientation orentation);
参数pbar是一个指向进度条的指針,orientation表示进度条的方向,取值如下:
- GTK_PROGRESS_LEFT_TO_RIGHT:从左往右显示
- GTK_PROGRESS_RIGHT_TO_LEFT:从右往左显示
- GTK_PROGRESS_BOTTOM_TO_TOP:从下往上显示
- GTK_PROGRESS_TOP_TO_BOTTOM:从上往下显示
gtk_progress_bar_update()函数用于更新进度条的进度状态,函数原型如下:
void gtk_progress_bar_update(GtkProgressBar *pbar, gfloat percentage);
参数pbar是一个指向进度条的指針,percentage表示进度条进度状态
1.2微调按钮
gtk_spin_button_new()用于创建微调按钮,函数原型如下:
GtkWidget *gtk_spin_button_new (GtkAdjustment *adjustment, gdouble climb_rate, guint digits);
参数climb_rate 表示微调按钮每步增加或减少的量,digits表示包含 的小数位数。
还可以使用相关的函数条用获取和设置微调按钮的值。
gtk_spin_button_get_value_as_float() 用于获取微调按钮的值,而gtk_spin_button_set_value()用于设置微调按钮的值,函数原型如下:
gtk_spin_button_get_value_as_float(GtkSpinButton *spin_button);
gtk_spin_button_set_value(GtkSpinButton *spin_button, gfloat value);
1.3组合框
组合框是文本框和列表框的组合,也称下拉列表。创建组合框要使用GList元件,用于保存列表框中将要显示的字符串。g_list_append()函数用于向GList中添加字符串,函数原型如下:
GList *g_list_append(GList *glist, char *string);
参数glist是一个指向列表框的指针,string指向将要添加至列表框中的字符串。
gtk_combo_new()函数用于创建一个组合框,函数原型如下:
GtkWidget *gtk_combo_new(void);
gtk_combo_set_popdown_strings()函数用于设置组合框中显示的字符串,函数原型如下:
gtk_combo_set_popdown_strings( GtkCombo *combo, GList *strings);
参数combo是一个指向组合框的指针,strings表示组合框中将要显示的字符串。
下面给出一个进度条、微调按钮和组合框的示例程序。control_example.c
1 #include<gtk/gtk.h> 2 3 int main(int argc, char *argv[]) 4 { 5 GtkWidget *window; 6 GtkWidget *vbox; 7 GtkWidget *label1; 8 GtkWidget *label2; 9 GtkWidget *label3; 10 GtkWidget *bar; 11 GtkWidget *spinbutton; 12 GtkObject *adjustment; 13 GList *glist; 14 GtkWidget *combo; 15 16 gtk_init(&argc, &argv); 17 window = gtk_window_new (GTK_WINDOW_TOPLEVEL); 18 gtk_window_set_title (GTK_WINDOW (window), g_locale_to_utf8("控制元件", -1, NULL, NULL, NULL));//设置窗口标题 19 //设置窗口边框宽度30 20 gtk_container_border_width(GTK_CONTAINER(window), 30); 21 //创建垂直框 22 vbox = gtk_vbox_new(FALSE, 0); 23 gtk_container_add(GTK_CONTAINER(window), vbox); 24 25 //新建标签1 26 label1 = gtk_label_new (g_locale_to_utf8("进度条", -1, NULL, NULL, NULL)); 27 //将标签添加到垂直框 28 gtk_box_pack_start(GTK_BOX(vbox), label1, TRUE, TRUE, 0); 29 //创建进度条 30 adjustment = gtk_adjustment_new(70.0, 0.0, 100.0, 1.0, 0.0, 0.0); 31 bar = gtk_progress_bar_new_with_adjustment(GTK_ADJUSTMENT(adjustment)); 32 gtk_progress_bar_set_bar_style(GTK_PROGRESS_BAR(bar), GTK_PROGRESS_CONTINUOUS); 33 gtk_progress_bar_set_orientation(GTK_PROGRESS_BAR(bar), GTK_PROGRESS_LEFT_TO_RIGHT); 34 //将进度条添加到垂直框 35 gtk_box_pack_start(GTK_BOX(vbox), bar, TRUE, TRUE, 15); 36 37 //新建标签2 38 label2 = gtk_label_new (g_locale_to_utf8("微调按钮", -1, NULL, NULL, NULL)); 39 //将标签添加到垂直框 40 gtk_box_pack_start(GTK_BOX(vbox), label2, TRUE, TRUE, 0); 41 //创建微调按钮 42 adjustment = gtk_adjustment_new(80.0, 0.0, 100.0, 1.0, 0.0, 0.0); 43 spinbutton = gtk_spin_button_new(GTK_ADJUSTMENT(adjustment), 1.0, 1); 44 //将微调按钮添加到垂直框 45 gtk_box_pack_start(GTK_BOX(vbox), spinbutton, TRUE, TRUE, 15); 46 47 //新建标签3 48 label3 = gtk_label_new (g_locale_to_utf8("下拉列表", -1, NULL, NULL, NULL)); 49 //将标签添加到垂直框 50 gtk_box_pack_start(GTK_BOX(vbox), label3, TRUE, TRUE, 0); 51 //创建组合框 52 glist = NULL; 53 glist = g_list_append(glist, "banana"); 54 glist = g_list_append(glist, "apple"); 55 glist = g_list_append(glist, "orange"); 56 glist = g_list_append(glist, "pear"); 57 glist = g_list_append(glist, "strawberry"); 58 combo = gtk_combo_new(); 59 gtk_combo_set_popdown_strings(GTK_COMBO(combo), glist); 60 //将组合框添加到垂直框 61 gtk_box_pack_start(GTK_BOX(vbox), combo, TRUE, TRUE, 15); 62 gtk_widget_show_all(window); 63 gtk_main(); 64 return 0; 65 66 }
使用GCC编译
gcc -o control_example control_example.c `pkg-config --libs --cflags gtk+-2.0`
./control_example
运行结果为
2单选按钮(radio)、复选按钮(check)
创建单选按钮函数有两个,原型如下:
GtkWidget *gtk_radio_button_new(GSList *group);
GtkWidget *gtk_radio_button_new_with_label(GSlist *group, gchar *label);
创建复选按钮函数也有两个,原型如下:
GtkWidget *gtk_check_button_new(void);
GtkWidget *gtk_check_button_new_with_label( gchar *label);
第一个函数创建无标签按钮,第二个函数用于创建带有文本标签的按钮。
下面给出一个程序例子, check_radio.c
注意:生产第一个radio按钮时,group参数为NULL,而以后每次在该组创建一个radio按钮时都要使用gtk_radio_button_group函数获得新的group值
1 #include<gtk/gtk.h> 2 3 int main(int argc, char *argv[]) 4 { 5 GtkWidget *window; 6 GtkWidget *table; 7 GtkWidget *label1; 8 GtkWidget *label2; 9 GSList *group; 10 GtkWidget *check; 11 GtkWidget *radio; 12 13 gtk_init(&argc, &argv); 14 window = gtk_window_new (GTK_WINDOW_TOPLEVEL); 15 gtk_window_set_title (GTK_WINDOW (window), g_locale_to_utf8("单选、复选按钮", -1, NULL, NULL, NULL));//设置窗口标题 16 //设置窗口边框宽度15 17 gtk_container_border_width(GTK_CONTAINER(window), 15); 18 //建立表格 19 table = gtk_table_new (4, 4, FALSE); 20 //定义标签 21 label1 = gtk_label_new (g_locale_to_utf8("业余时间活动爱好", -1, NULL, NULL, NULL)); 22 label2 = gtk_label_new (g_locale_to_utf8("平时每天学习时间", -1, NULL, NULL, NULL)); 23 24 //添加表格到窗口 25 gtk_container_add(GTK_CONTAINER (window), table); 26 //将元件分别添加到表格中 27 gtk_table_attach (GTK_TABLE(table), label1, 0, 2, 0, 1, 28 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 0, 0); 29 30 gtk_table_attach (GTK_TABLE(table), label2, 0, 2, 2, 3, 31 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 0, 5); 32 //生成四个check按钮,分别添加到表格中 33 check = gtk_check_button_new_with_label(g_locale_to_utf8("篮球", -1, NULL, NULL, NULL)); 34 gtk_table_attach(GTK_TABLE(table), check, 0, 1, 1, 2, 35 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 10); 36 37 check = gtk_check_button_new_with_label(g_locale_to_utf8("足球", -1, NULL, NULL, NULL)); 38 gtk_table_attach(GTK_TABLE(table), check, 1, 2, 1, 2, 39 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 10); 40 41 check = gtk_check_button_new_with_label(g_locale_to_utf8("爬山", -1, NULL, NULL, NULL)); 42 gtk_table_attach(GTK_TABLE(table), check, 2, 3, 1, 2, 43 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 10); 44 45 check = gtk_check_button_new_with_label(g_locale_to_utf8("郊游", -1, NULL, NULL, NULL)); 46 gtk_table_attach(GTK_TABLE(table), check, 3, 4, 1, 2, 47 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 10); 48 49 //生成四个radio按钮,分别添加到表格中,注意:生产第一个radio按钮时,group参数为NULL, 50 //而以后每次在该组创建一个radio按钮时都要使用gtk_radio_button_group函数获得新的group值 51 radio = gtk_radio_button_new_with_label(NULL, g_locale_to_utf8("3~4小时", -1, NULL, NULL, NULL)); 52 gtk_table_attach(GTK_TABLE(table), radio, 0, 1, 3, 4, 53 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 54 55 group = gtk_radio_button_group(GTK_RADIO_BUTTON(radio)); 56 radio = gtk_radio_button_new_with_label(group, g_locale_to_utf8("4~5小时", -1, NULL, NULL, NULL)); 57 gtk_table_attach(GTK_TABLE(table), radio, 1, 2, 3, 4, 58 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 59 60 group = gtk_radio_button_group(GTK_RADIO_BUTTON(radio)); 61 radio = gtk_radio_button_new_with_label(group, g_locale_to_utf8("5~6小时", -1, NULL, NULL, NULL)); 62 gtk_table_attach(GTK_TABLE(table), radio, 2, 3, 3, 4, 63 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 64 65 group = gtk_radio_button_group(GTK_RADIO_BUTTON(radio)); 66 radio = gtk_radio_button_new_with_label(group, g_locale_to_utf8(">=6小时", -1, NULL, NULL, NULL)); 67 gtk_table_attach(GTK_TABLE(table), radio, 3, 4, 3, 4, 68 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 5, 5); 69 70 gtk_widget_show_all(window); 71 gtk_main(); 72 return 0; 73 74 75 }
使用GCC编译
gcc -o check_radio check_radio.c `pkg-config --libs --cflags gtk+-2.0`
./check_radio
运行结果为
3下拉菜单
创建菜单的函数有两个,函数原型如下:
GtkWidget *gtk_menu_new();
GtkWidget *gtk_menu_new_with_label(gchar *label);
第一个函数创建无标签菜单,第二个函数用于创建带有文本标签的菜单。
创建菜单项的函数类似于创建菜单,函数原型如下:
GtkWidget *gtk_menu_item_new();
GtkWidget *gtk_menu_item_new_with_label(gchar *label);
插入菜单项的函数原型如下:
void gtk_menu_append (GtkMenu *menu, GtkWidget *child);
void gtk_menu_item_set_submenu (GtkMenuItem item, GtkMenu *menu);
创建菜单条函数原型如下:
GtkWidget *gtk_menu_bar_new(void);
向菜单条中加入菜单
void gtk_menu_bar_append (GtkMenuBar *bar, GtkWidget *child);
创建菜单的步骤如下:
- 使用gtk_menu_new()生成一个新菜单。
- 使用gtk_menu_item_new() 或gtk_menu_item_new_with_label()生成一个新的菜单项,然后使用 gtk_menu_item_append()将每一个菜单项加入到菜单中,使用 gtk_menu_item_new ()或 gtk_menu_item_new_with_label()创建主菜单项。
- 使用 gtk_menu_item_set_submenu ()将各个菜单加入到主菜单项中。
- 使用gtk_menu_bar_new()创建菜单条,这一步仅需做一次。然后使用 gtk_menu_bar_append 把主菜单项加入到菜单条上。
下面是程序例子,menu_example.c
1 #include<gtk/gtk.h> 2 3 int main(int argc, char *argv[]) 4 { 5 GtkWidget *window; 6 GtkWidget *menu; 7 GtkWidget *menubar; 8 GtkWidget *rootmenu; 9 GtkWidget *menuitem; 10 11 gtk_init(&argc, &argv); 12 window = gtk_window_new (GTK_WINDOW_TOPLEVEL); 13 gtk_window_set_title (GTK_WINDOW (window), g_locale_to_utf8("下拉菜单", -1, NULL, NULL, NULL));//设置窗口标题 14 gtk_widget_set_usize(window, 200, 40); 15 //创建新菜单,然后创建3个菜单项,并把菜单项加入到菜单中 16 17 menu = gtk_menu_new(); 18 menuitem = gtk_menu_item_new_with_label(g_locale_to_utf8("新建", -1, NULL, NULL, NULL)); 19 gtk_menu_append(GTK_MENU(menu), menuitem); 20 21 menuitem = gtk_menu_item_new_with_label(g_locale_to_utf8("打开", -1, NULL, NULL, NULL)); 22 gtk_menu_append(GTK_MENU(menu), menuitem); 23 24 menuitem = gtk_menu_item_new_with_label(g_locale_to_utf8("关闭", -1, NULL, NULL, NULL)); 25 gtk_menu_append(GTK_MENU(menu), menuitem); 26 27 menuitem = gtk_menu_item_new_with_label(g_locale_to_utf8("保存", -1, NULL, NULL, NULL)); 28 gtk_menu_append(GTK_MENU(menu), menuitem); 29 30 //创建一个主菜单 31 rootmenu = gtk_menu_item_new_with_label(g_locale_to_utf8("文件", -1, NULL, NULL, NULL)); 32 //将菜单加入到主菜单中 33 gtk_menu_item_set_submenu(GTK_MENU_ITEM(rootmenu), menu); 34 35 //创建菜单条 36 menubar = gtk_menu_bar_new(); 37 //将主菜单项加入到菜单条 38 gtk_menu_bar_append(GTK_MENU_BAR(menubar), rootmenu); 39 40 //下面创建第二组菜单 41 menu = gtk_menu_new(); 42 menuitem = gtk_menu_item_new_with_label(g_locale_to_utf8("复制", -1, NULL, NULL, NULL)); 43 gtk_menu_append(GTK_MENU(menu), menuitem); 44 45 menuitem = gtk_menu_item_new_with_label(g_locale_to_utf8("剪切", -1, NULL, NULL, NULL)); 46 gtk_menu_append(GTK_MENU(menu), menuitem); 47 48 menuitem = gtk_menu_item_new_with_label(g_locale_to_utf8("粘贴", -1, NULL, NULL, NULL)); 49 gtk_menu_append(GTK_MENU(menu), menuitem); 50 51 menuitem = gtk_menu_item_new_with_label(g_locale_to_utf8("删除", -1, NULL, NULL, NULL)); 52 gtk_menu_append(GTK_MENU(menu), menuitem); 53 54 rootmenu = gtk_menu_item_new_with_label(g_locale_to_utf8("编辑", -1, NULL, NULL, NULL)); 55 //将菜单加入到主菜单中 56 gtk_menu_item_set_submenu(GTK_MENU_ITEM(rootmenu), menu); 57 58 gtk_menu_bar_append(GTK_MENU_BAR(menubar), rootmenu); 59 //将菜单条加入到窗口中 60 gtk_container_add(GTK_CONTAINER(window), menubar); 61 62 gtk_widget_show_all(window); 63 gtk_main(); 64 return 0; 65 66 67 }
使用GCC编译
gcc -o menu_example menu_example.c `pkg-config --libs --cflags gtk+-2.0`
./menu_example
运行结果为
下拉菜单截图工具截不出来。。
信号与回调函数
图形用户界面的程序是事件驱动的程序。程序进入gtk_ain()函数后,等待事件的发生,一旦发生某个事件,相应的信号将产生。如果程序中定义了相应的消息处理函数(也称回调函数),系统将自动进行调用。
1添加信号
信号的作用是对某个元件添加一个用户交互的功能。函数g_signal_connect() 可以把一个信号处理函数(或称回调函数)添加到一个元件上,在元件和消息处理函数间建立关联,该函数原型如下:
gulong g_signal_connect (GtkObject *object, ghar *name,
Gcallback callback_func, gpointer func_data);
参数object是一个元件的指针,指向将产生信号的元件;name表示消息或事件的类型,
一个按钮所有的事件类型与含义如下:
- activate:激活的时候发生
- clicked:单击以后发生
- enter:鼠标指针进入这个按钮以后发生
- leave:鼠标指针离开这个按钮以后发生
- pressed:鼠标按下以后发生
- released:鼠标释放以后发生
参数callback_func表示信号产生后将要执行的回调函数,func_data为传递给回调函数的数据,与callback_func函数的第二个参数相同
在 g_signal_connect函数中,使用事件的不同名称来区分不同的事件(即第二个参数name)。
2回调函数
消息处理函数(回调函数)原型如下:
void callback_func (GtkWidget *widget, gpointer func_data);
参数widget指向要接收消息的元件,参数 func_data指向消息产生时传递给该函数的数据。
程序例子 signal_example.c
1 #include<gtk/gtk.h> 2 3 GtkWidget *window; 4 GtkWidget *table; 5 GtkWidget *button; 6 GtkWidget *label1; 7 GtkWidget *label2; 8 GtkWidget *label3; 9 int i = 0; 10 11 //定义信号回调函数 12 void on_clicked(GtkWidget *widget, gpointer data) 13 { 14 char a[20]; 15 ++i; 16 gcvt((float)i, 3, a); 17 18 gtk_label_set_text(GTK_LABEL(label2), a); 19 } 20 21 int main(int argc, char *argv[]) 22 { 23 24 gtk_init(&argc, &argv); 25 window = gtk_window_new (GTK_WINDOW_TOPLEVEL); 26 gtk_window_set_title (GTK_WINDOW (window), g_locale_to_utf8("信号与事件", -1, NULL, NULL, NULL));//设置窗口标题 27 //设置窗口边框 28 gtk_container_border_width(GTK_CONTAINER(window), 5); 29 30 //建立表格 31 table = gtk_table_new (2, 3, FALSE); 32 //定义标签、按钮 33 label1 = gtk_label_new (g_locale_to_utf8("点击按钮第", -1, NULL, NULL, NULL)); 34 label2 = gtk_label_new (g_locale_to_utf8("0", -1, NULL, NULL, NULL)); 35 label3 = gtk_label_new (g_locale_to_utf8("次", -1, NULL, NULL, NULL)); 36 button = gtk_button_new_with_label(g_locale_to_utf8("计数", -1, NULL, NULL, NULL)); 37 38 39 //添加表格到窗口 40 gtk_container_add(GTK_CONTAINER (window), table); 41 42 //将元件分别添加到表格中 43 gtk_table_attach (GTK_TABLE(table), label1, 0, 1, 0, 1, 44 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 0, 10); 45 gtk_table_attach (GTK_TABLE(table), label2, 1, 2, 0, 1, 46 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 0, 10); 47 gtk_table_attach (GTK_TABLE(table), label3, 2, 3, 0, 1, 48 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 0, 10); 49 gtk_table_attach (GTK_TABLE(table), button, 2, 3, 1, 2, 50 (GtkAttachOptions)(0), (GtkAttachOptions)(0), 0, 10); 51 g_signal_connect (G_OBJECT(button), "clicked", G_CALLBACK(on_clicked), window); 52 gtk_widget_show_all(window); 53 gtk_main(); 54 return 0; 55 }
使用GCC编译
gcc -o signal_example signal_example.c `pkg-config --libs --cflags gtk+-2.0`
./signal_example
运行结果为
The End!