GTK+笔记之入门（一）

1. GTK概念

GTK+是一种跨平台的图形工具包，它可以很方便的制作图形交互界面(GUI)。
官网：http://www.gtk.org/

2. Linux安装

1、测试本地环境是否安装或安装成功：pkg-config --cflags --libs gtk±2.0
若安装成功后执行此语句的现象为：
-pthread -I/usr/local/include/gio-unix-2.0/ -I/usr/local/include/atk-1.0 -I/usr/local/include/glib-2.0 -I/usr/local/lib/glib-2.0/include -I/usr/include/gtk-2.0 -I/usr/include/pango-1.0 -I/usr/include/cairo -I/usr/include/gdk-pixbuf-2.0 -I/usr/include/freetype2 -I/usr/include/pixman-1 -I/usr/include/libpng12
说明成功
2、安装命令：sudo apt-get install libgtk2.0*
(此处用的GTK+2.0,目前最新版本为4.1，命令相同)

3. 开启GTK+之旅

1、GTK+程序的基本的框架

#include   // 头文件;int main(int argc,char *argv[])
{gtk_init(&argc,&argv); // 初始化;/** 我们所写的代码段;*/gtk_main(); // 主事件循环;return 0;
}

说明：
（1）头文件包含了GTK+的所有控件、变量、函数和结构的声明；
（2）gtk_init()：此函数必须在控件定义之前使用，参数由命令行中解析出来并送到该程序中。主要作用是设立GTK+运行环境，自动完成一些必要的初始化工作；
（3）自定义代码段：创建窗口等控件，并且使其显示并赋值功能等；
（4）gtk_main()：程序运行停在此处等待事件(如键盘事件或鼠标事件等)的发生，等待用户来操作窗口，这个函数在所有的GTK+程序中都要调用。

2、创建窗口控件的基本API
(1) 创建窗口

(2) 为窗口设置标题

(3) 窗口大小设置

(4) 窗口伸缩设置

(5) 窗口在显示器位置的设置

(6) 显示控件

示例：

#include int main(int argc,char *argv[])
{gtk_init(&argc,&argv);GtkWidget *window = gtk_window_new(GTK_WINDOW_TOPLEVEL); gtk_window_set_title((GtkWindow *)window,"hello world");gtk_window_set_position((GtkWindow *)window,GTK_WIN_POS_MOUSE);gtk_widget_show(window);gtk_main();return 0;
}

效果：

3、编译：
gcc demo.c -o demo `pkg-config --cflags --libs gtk±2.0`（反单引号部分必须，其自动获得预处理参数，如宏定义、头文件的位置，自动获得链接参数，如库依赖的其他库的位置、文件名及其他一些链接参数）
或写Makefile代替：

CC = gcc  
MAINC = demo.c
EXEC = demoCFLAGS = `pkg-config --cflags --libs gtk+-2.0`main:  $(CC)  $(MAINC)  -o $(EXEC) $(CFLAGS)
clean:rm $(EXEC) -rf

4、控件的介绍
（1）控件是对数据和方法的封装。控件有自己的属性和
方法。属性是指控件的特征。方法是指控件的一些
简单而可见的功能；
（2）控件的分类：容器控件，非容器控件；
（3）容器控件：它可以容纳别的控件。容器控件分为两
类，一类只能容纳一个控件，如窗口，按钮；另一
类能容纳多个控件，如布局控件；
（4）非容器控件：它不可以容纳别的控件，如标签、行
编辑。

5、创建按钮API
（1）创建一个带内容的按钮

（2）获得按钮上面的文本内容

强制转换控件类型，也可以写为：GTK_BUTTON(button)，其余控件写法类似
#define GTK_BUTTON(x) (GtkButton *)x
（3）把控件添加到窗口容器里

6、给控件设置信号回调函数
窗口关闭时触发的常用信号：destroy, delete-event
操作按钮触发的常用信号：clicked, pressed，released
（1）信号与回调函数的连接

（2）信号连接函数的写法及回调函数的定义
g_signal_connect(button, “pressed”,G_CALLBACK(callback), NULL);

示例：

#include // 按钮按下的处理函数, gpointer 相当于 void *
void deal_pressed(GtkButton *button, gpointer user_data)
{// 获得按钮的文本信息const gchar *text = gtk_button_get_label( button );// g_print() 相当于C语言的 printf(), gchar相当于charg_print("button_text = %s; user_data = %s\n", text, (gchar *)user_data);
}int main(int argc,char *argv[])
{gtk_init(&argc,&argv);GtkWidget *window = gtk_window_new(GTK_WINDOW_TOPLEVEL);// 设置窗口边框的宽度(窗口里的控件与窗口边框间隔为50)gtk_container_set_border_width(GTK_CONTAINER(window),50);/* 信号连接函数当窗口关闭时，窗口会触发destroy信号,信号回调;* 当窗口关闭时，窗口会触发destroy信号,* 自动调用gtk_main_quit()结束程序运行* 窗口关闭时触发的常用信号:destroy、delete-event;*/g_signal_connect(window,"destroy",G_CALLBACK(gtk_main_quit),NULL);// 创建按钮, 文本信息为"Hello Gtk+";GtkWidget *button = gtk_button_new_with_label("Hello GTK+");// 获得按钮的内容;const char *str = gtk_button_get_label(GTK_BUTTON(button));printf("-> str = %s\n",str);// 把按钮添加到窗口容器;gtk_container_add(GTK_CONTAINER(window),button);/* 按钮按下(pressed)后会自动调用deal_pressed()* "is pressed"是传给deal_pressed()的数据* 操作按钮触发的常用信号:clicked、pressed、released;*/g_signal_connect(button, "pressed", G_CALLBACK(deal_pressed), "is pressed");// 显示控件有两种方法:逐个显示,全部显示;// gtk_widget_show(button);// gtk_widget_show(window);gtk_widget_show_all(window);gtk_main();return 0;
}

效果

7、布局
（1）定义：设定控件在整个窗口中的位置和尺寸；
（2）常用布局方式：

-> 水平布局 GtkHBox
-> 垂直布局 GtkVBox
-> 表格布局 GtkTable
-> 固定布局 GtkFixed

（3）创建水平布局

（4）创建垂直布局

（5）创建标签

（6）设置标签内容

（7）获得标签内容

（8）创建表格布局

（9）添加控件到表格布局容器中

坐标规则：

（10）创建固定布局容器

（11）创建固定布局容器

（12）添加控件到固定布局容器中

8、综合布局
综合布局是指布局容器的嵌套使用。

（1）创建行编辑

（2）行编辑显示模式

（3）获得行编辑文本内容

（4）获得行编辑文本内容

（5）触发信号：activate，按回车键触发
示例：

#include  // 按Enter,获取行编辑的内容;
void enter_callback( GtkWidget *widget, gpointer entry ) 
{ const gchar *entry_text; // 获得文本内容;entry_text = gtk_entry_get_text(GTK_ENTRY(entry)); printf("Entry contents: %s\n", entry_text); 
}int main( int argc, char *argv[] ) 
{ gtk_init(&argc, &argv); 	GtkWidget *window = gtk_window_new(GTK_WINDOW_TOPLEVEL); 	gtk_window_set_title(GTK_WINDOW(window), "GTK Container"); 		g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL); // 添加垂直布局,控件均衡摆放,控件间距为5;GtkWidget *vbox = get_vbox_new(TRUE,5);gtk_container_add(GTK_CONTAINER(window),vbox);// 创建行编辑;GtkWidget *entry = gtk_entry_new();gtk_container_add(GTK_CONTAINER(vbox),entry);// 设置行编辑显示最大字符长度;gtk_entry_set_max_length(GTK_ENTRY(entry),100);// 设置内容;gtk_entry_set_text(GTK_ENTRY(entry),"Hello World");// 设置密码模式;gtk_entry_set_visibility(GTK_ENTRY(entry),FALSE);/* 如果我们想在用户输入文本时进行响应，可以为activate设置回调函数;* 当用户在文本输入构件内部按回车键时引发Activate信号;*/g_signal_connect(entry,"activate",G_CALLBACK(enter_callback),entry);// 创建水平布局容器;GtkWidget *hbox = gtk_hbox_new(TRUE,10);gtk_container_add(GTK_CONTAINER(vbox),hbox);// 创建 button1、button2、button3 并加入到水平布局;GtkWidget *button1 = gtk_button_new_with_label("button1");gtk_container_add(GTK_CONTAINER(hbox),button1);GtkWidget *button2 = gtk_button_new_with_label("button2");gtk_container_add(GTK_CONTAINER(hbox),button2);GtkWidget *button3 = gtk_button_new_with_label("button3");gtk_container_add(GTK_CONTAINER(hbox),button3);// 创建关闭按钮,添加到垂直布局;GtkWidget *button_close = gtk_button_new_with_label("close");gtk_container_add(GTK_CONTAINER(vbox),button_close);g_signal_connect(button_close,"clicked",G_CALLBACK(gtk_main_quit),NULL);gtk_widget_show_all(window);gtk_main();return 0;
}

效果：

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！