快捷搜索:

gtk/glade程序开发(一)

转自 http://www.linuxforum.net/forum/gshowflat.php?Cat=&Board=kylix&Number=566950&page=0&view=collapsed&sb=4&o=all&fpart=all&vc=1 
by  
我已经安装好gtk2.0/glade2.10.0,系统环境 RH9
准备用一个月的时间 对gtk编程做一个介绍,希望大家支持。 

在windows下做开发,把做成的程序转移到Linux.(源代码不做任何修改,只要重新编译、连接一次即可) 

需要的开发工具: 
Dev-cpp 4.9.9.2 (进行C程序的编译、连接) 
Glade (进行图形界面设计) 
Gtk开发组件 

只需两个软件包: 
devcpp-4.9.9.2_setup 
gtk-win32-devel-2.6.8-rc1(包含glade和gtk开发组件) 

下载网址: 
 
gladewin32.sourceforge.net, 

请按上面的版本下载,其它版本有bug。 

下载软件并安装(先装devcpp-4.9.9.2_setup,再安装gtk-win32-devel-2.6.8-rc1,等出现dev-cpp选项时,选中它), 

接下来,来运行我们的第一个程序。 

(点评:作者是在windows下开发移植到Linux下的,本人不推荐这种方法)
第二节 读懂Glade生成的代码(一) 

在glade的源文件目录src下有7个代码文件,它们分别是: 

1> callbacks.c Glade生成的大部分空的回调函数所在的文件,你自己往里面添加代码 
2> callbacks.h (头文件)Glade生成的回调函数的定义文件 
4> interface.c Glade生成的界面源代码文件 
5> interface.h (头文件)Glade生成的界面的定义文件 
6> main.c 主函数 
7> support.c 支持文件 
8> support.h (头文件)支持文件 

在galde生成的devcpp目录里有2个文件 
1> config.h Glade 生成的配置文件 
2>gtk1.dev Glade 生成的devcpp工程文件(就是你保存时启的那个名子)。 

不要被这么多的文件吓着,需要你自己编写代码的文件只有三个(其它文件不要动),它们是: 
main.c (一般只需做少量的修改) 
callbacks.h (一般只需做少量的修改,甚至不作修改) 
callbacks.c (函数的具体实现部分,你需要在这里编写一定量的代码) 

其中callbacks.c是你编写代码的主文件。 

下面我们来简单了解一下glade生成的界面文件interface.c 

GtkWidget* 
create_window1 (void) 

GtkWidget *window1; /*定义一个窗口构件*/ 
GtkWidget *fixed1; /*定义一个固定容器构件,用于放置其它构件*/ 
GtkWidget *label1; /*定义一个标签构件*/ 

window1 = gtk_window_new (GTK_WINDOW_TOPLEVEL); /*新建一个窗口*/ 
gtk_window_set_title (GTK_WINDOW (window1), _("window1")); /*设置窗口的标题*/ 
gtk_window_set_default_size (GTK_WINDOW (window1), 400, 300); /*设置窗口的默认大小为400,300*/ 

fixed1 = gtk_fixed_new (); /*新建一个固定容器*/ 
gtk_widget_show (fixed1); /*显示固定容器*/ 
gtk_container_add (GTK_CONTAINER (window1), fixed1); /*添加固定容器到窗口*/ 

label1 = gtk_label_new (_("/346/254/242/350/277/216/350/265/260/350/277/233GTK/347/232/204/344/270/226/347/225/214")); /*新建一个标签*/ 
gtk_widget_show (label1); /*显示标签*/ 
gtk_fixed_put (GTK_FIXED (fixed1), label1, 120, 72); /*把标签添加到固定容器中*/ 
gtk_widget_set_size_request (label1, 136, 40); /*设置标签的大小*/ 

/* Store pointers to all widgets, for use by lookup_widget(). */ 
GLADE_HOOKUP_OBJECT_NO_REF (window1, window1, "window1"); 
GLADE_HOOKUP_OBJECT (window1, fixed1, "fixed1"); 
GLADE_HOOKUP_OBJECT (window1, label1, "label1"); 

return window1; 

(点评:版本不一样,里面的代码可能有一些不同)

(这部分内容,能理解多少,理解多少,看不懂也不要紧。) 
文件:main.c 

只作部分解释,以后你水平高了,慢慢看吧! 
以下代码节选自main.c 

int main (int argc, char *argv[]) 

GtkWidget *window1; /*定义window1构件*/ 

gchar *pixmap_dir; 
#ifdef G_OS_WIN32 
package_prefix = g_win32_get_package_installation_directory (NULL, NULL); 
package_data_dir = g_build_filename (package_prefix, "share", NULL); 
package_locale_dir = g_build_filename (package_prefix, "share", "locale", NULL); 
#endif 

#ifdef ENABLE_NLS 
bindtextdomain (GETTEXT_PACKAGE, package_locale_dir); 
bind_textdomain_codeset (GETTEXT_PACKAGE, "UTF-8"); 
textdomain (GETTEXT_PACKAGE); 
#endif 

gtk_set_locale (); /*通过调用这个函数才可显示中文*/ 
gtk_init (&argc, &argv); /*GTK初始化*/ 

pixmap_dir = g_build_filename (package_data_dir, PACKAGE, "pixmaps", NULL); 
add_pixmap_directory (pixmap_dir); 
g_free (pixmap_dir); 

/* 
* The following code was added by Glade to create one of each component 
* (except popup menus), just so that you see something after building 
* the project. Delete any components that you dont want shown initially. 
*/ 
window1 = create_window1 (); /*创建window1构件*/ 
gtk_widget_show (window1); /**显示window1构件/ 
g_signal_connect ((gpointer) window1, "destroy", G_CALLBACK(gtk_main_quit), 
NULL); 
/*为window1构件的“destroy”事件,关联函数, 
也就是当单击window1的关闭按钮时,关闭window1,同时退出gtk*/ 
gtk_main (); /*gtk主程序开始执行*/ 

#ifdef G_OS_WIN32 
g_free (package_prefix); 
g_free (package_data_dir); 
g_free (package_locale_dir); 
#endif 

return 0; 
}

标签构件 

标签构件用到的有关函数 

创建新标签: 
gtk_label_new(“label1”); 
gtk_label_new_with_mnemonic(“label1”); 
在字符串中放置换行符,可以创建多行标签。 

改变标签的文本: 
gtk_label_set_text(GTK_LABEL(label1),”label2”); 

取得标签的当前文本: 
gtk_label_get_text(GTK_LABEL(label1)); 

设置标签文本的对齐方式: 
gtk_label_set_justify(GTK_LABEL(label1),GTK_JUSTIFY_LEFT); 

GTK_JUSTIFY_LEFT /*左对齐*/ 
GTK_JUSTIFY_RIGHT /*右对齐*/ 
GTK_JUSTIFY_CENTER /*居中对齐*/ 
GTK_JUSTIFY_FILL /*充满*/ 

标签内的文本自动换行: 
gtk_label_set_line_wrap(GTK_LABEL(label1),TRUE); 

注:标签不能引发信号,如需引发信号,需将标签放置在事件盒中。

文本输入构件的常用函数: 

创建文本输入构件: 
GtkWidget *entry1; 
entry1 = gtk_entry_new(); 

改变文本输入构件当前的文本内容: 
gtk_entry_set_text(GTK_ENTRY(entry1),"entry2"); 

取得文本输入构件当前的文本内容: 
const gchar *text1; 
text1 = gtk_entry_get_text(GTK_ENTRY(entry1)); 

下一节,通过一个例子来说明文本输入构件(text entry)的使用。 

文本输入构件 (二)

一、用glade设计界面 
1、新建glade工程

2、放置各种构件:新建window构件(window1),在window1上放置固定容器构件(fixed positions),在固定容器构件上放置文本输入构件(entry1)。

3、为文本输入构件entry1添加changed信号响应(其它程序设计语言中为事件响应)on_entry1_changed,一定注意在signals选项卡中把object设置为entry1。

4、单击Build按钮生成源代码。



二、添加代码 


只需在callbacks.c中添加三行代码



Callbacks.c

void on_entry1_changed (GtkEditable *editable,

gpointer user_data)

{

const gchar *text1;

text1 = gtk_entry_get_text(GTK_ENTRY(editable));

printf("text entry : %s/n",text1);

}



三、运行程序 


在编译程序之前,在devcpp中设置工程属性为“win32控制台程序”

步骤:1、单击“工程”菜单下的“工程属性”子菜单。

2、在“普通”选项卡中的“类型”中单击“win32控制台程序”。

3、单击“确定”。



编译、运行程序,在文本输入框内随变输入几个英文字母,看看运行效果。 注:在linux下,操作很简单,点击 glade 的 build 就会自动产生代码,然后运行改目录下的autogen.sh运行make ,就会在 src 目录下产生可执行的程序.

组合框构件的常用函数: 


新建组合框构件:

comboboxentry1 = gtk_combo_box_entry_new_text ();



给组合框构件的下拉列表添加一个新的项目:

gtk_combo_box_append_text (GTK_COMBO_BOX (comboboxentry1), _("one"));



读取组合构件里的文本内容:

text1 = gtk_combo_box_get_active_text(combobox);



例子: 


一、用Glade设计界面 
步骤:1、新建Glade工程

2、依次放置window构件(大小:400,300)、fixed positions(固定容器)构件、comboboxentry(组合框)构件。

3、在属性面板中,设置comboboxentry1的Item属性为:one (按回车)、two (按回车)、three (按回车)、

4、为comboboxentry1构件添加changed信号响应(注意:object后的文本框里填写comboboxentry1)。

5、保存项目,生成代码。



二、编写代码 


编写代码以前,参照上节内容,设置工程属性为“win32控制台程序”。



callbacks.h 


void on_comboboxentry1_changed (GtkComboBox *combobox,

gpointer user_data);



callbacks.c 
void on_comboboxentry1_changed (GtkComboBox *combobox,

gpointer user_data)

{

gchar *text1; 

text1 = gtk_combo_box_get_active_text(combobox);

printf("The combo text is : %s /n",text1);

}



三、运行程序,观看运行效果 

开关按钮(toggle button)构件 


常用函数: 


创建一个新的开关按钮构件 
GtkWidget *togglebutton1;

togglebutton1 = gtk_toggle_button_new();

togglebutton1 = gtk_toggle_button_new_with_label(“toggle button”);

togglebutton1 = gtk_toggle_button_new_with_mnemonic(“toggle button”);



读取开关按钮的状态 
gtk_toggle_button_get_active(GTK_TOGGLE_BUTTON(button))



设置开关按钮的状态 
gtk_toggle_button_set_active(GTK_TOGGLE_BUTTON(button), TRUE)

gtk_toggle_button_set_active(GTK_TOGGLE_BUTTON(button), FALSE)



例子: 


一、设计界面 


步骤:1、新建Glade工程

2、依次放置window构件(大小:300,200)、fixed positions(固定容器)构件、toggle button(开关按钮)构件。

3、在属性面板中,设置togglebutton1的 label 属性为“开关按钮” 。

4、为togglebutton1构件添加clicked信号响应(注意:object后的文本框里填写togglebutton1)。

5、保存项目,生成代码。



二、编写代码 


运行以前,设置工程属性为“win32控制台程序”。

callbacks.c

void on_togglebutton1_clicked (GtkButton *button,

gpointer user_data)

{

if (gtk_toggle_button_get_active(GTK_TOGGLE_BUTTON(button)))

{ printf("toggle button is on /n"); } 

else 

{ printf("toggle button is off /n"); } 

}



三、运行调试
单选按钮Radio Buttons构件 


单选按钮构件的常用函数:

创建单选按钮构件的代码: 


/*以下代码节选自interface.c*/



/*定义构件*/]

GtkWidget *radiobutton1;

GSList *radiobutton1_group = NULL;

GtkWidget *radiobutton2;

GtkWidget *radiobutton3;



/* 创建构件的步骤,先定义一个radiobutton构件,

再把这个radiobutton构件添加到组(radiobutton1_group)中,

这样,所有的radiobutton构件才能关联成一个整体。*/

(注:该文写的不详细,应该是:1.创建一个radiobutton1.
2.在 radiobutton1的属性栏中的最下方有个 编组 项,选择 radiobutton1.
3.创建新的radiobutton,按照上面操作,加入 radiobutton1.
)
radiobutton1 = gtk_radio_button_new_with_mnemonic (NULL, _("radiobutton1"));

gtk_radio_button_set_group (GTK_RADIO_BUTTON (radiobutton1), radiobutton1_group);

radiobutton1_group = gtk_radio_button_get_group (GTK_RADIO_BUTTON (radiobutton1));



radiobutton2 = gtk_radio_button_new_with_mnemonic (NULL, _("radiobutton2"));

gtk_radio_button_set_group (GTK_RADIO_BUTTON (radiobutton2), radiobutton1_group);

radiobutton1_group = gtk_radio_button_get_group (GTK_RADIO_BUTTON (radiobutton2));



radiobutton3 = gtk_radio_button_new_with_mnemonic (NULL, _("radiobutton3"));

gtk_radio_button_set_group (GTK_RADIO_BUTTON (radiobutton3), radiobutton1_group);

radiobutton1_group = gtk_radio_button_get_group (GTK_RADIO_BUTTON (radiobutton3));



判断单选按钮构件状态的函数(同开关按钮): 
gtk_toggle_button_get_active (GTK_TOGGLE_BUTTON (radiobutton1))



一、用Glade设计界面 
步骤:1、新建glade工程

     2、依此放置 窗口(400,300)、固定位置、三个单选按钮构件。

     3、为三个单选按钮构件,分别添加toggled信号响应,object后分别填写:radiobutton1,radiobutton2,radiobutton3。

     4、保存工程,并生成代码。

二、修改代码 
Interface.c

g_signal_connect_swapped ((gpointer) radiobutton1, "toggled",

G_CALLBACK (on_radiobutton1_toggled),

GTK_OBJECT (radiobutton1));

g_signal_connect_swapped ((gpointer) radiobutton2, "toggled",

G_CALLBACK (on_radiobutton2_toggled),

GTK_OBJECT (radiobutton2));

g_signal_connect_swapped ((gpointer) radiobutton3, "toggled",

G_CALLBACK (on_radiobutton3_toggled),

GTK_OBJECT (radiobutton3));



Callbacks.h

void on_radiobutton1_toggled (GtkToggleButton *radiobutton1,

gpointer user_data);

void on_radiobutton2_toggled (GtkToggleButton *radiobutton2,

gpointer user_data);



void on_radiobutton3_toggled (GtkToggleButton *radiobutton3,

gpointer user_data);



Callbacks.c



void on_radiobutton1_toggled (GtkToggleButton *radiobutton1,

gpointer user_data)

{

if (gtk_toggle_button_get_active (GTK_TOGGLE_BUTTON (radiobutton1)))

{

printf("radiobutton1 is True/n");

}

}



void on_radiobutton2_toggled (GtkToggleButton *radiobutton2,

gpointer user_data)

{

if (gtk_toggle_button_get_active (GTK_TOGGLE_BUTTON (radiobutton2)))

{

printf("radiobutton2 is True/n");

}

}



void on_radiobutton3_toggled (GtkToggleButton *radiobutton3,

gpointer user_data)

{

if (gtk_toggle_button_get_active (GTK_TOGGLE_BUTTON (radiobutton3)))

{

printf("radiobutton3 is True/n");

}

}
经验分享 程序员 微信小程序 职场和发展