您的位置:首页
GTK入门学习:glade的使用
2018-01-16 21:32
225 查看
搭建好环境后,在终端敲 glade 就可以启动glade工具。
glade的总体框图:
![](http://img.blog.csdn.net/20140110174216281)
经常使用控件选择区:列举了经常使用的控件,经常使用的有三类:顶层(主窗体等)。容器(各种布局容器等)。控制和显示(button、便签、图片控件等)
当鼠标放在控件时,会自己主动显示控件的中文文字。同一时候。还能人为设置,例如以下图:
![](http://img.blog.csdn.net/20140110174500718)
![](http://img.blog.csdn.net/20140110174528781)
界面编辑区:把控件拖放在这进行进行对应的布局
控件监视区:可以看到界面上全部的控件,同一时候,选中这个控件,可以看到这个控件的详细类型
![](http://img.blog.csdn.net/20140110174728406)
属性编辑区:编辑选中控件的经常使用属性,如窗体设置标题、窗体类型、屏幕上显示位置等。
工具栏:经常使用的有下面几个button
新建:新建一个glade文件
打开:打开一个已经存在的glade文件
保存:保存一个glade文件
选择:按了这个button, 才干选择控件
拖拽调整大小:按了这个button,才干移动控件的位置,改变控件的大小
![](http://img.blog.csdn.net/20140110174908593)
如今開始学习Glade的操作。
选择控件时,一定要先按工具栏的“选择”button
操作时。支持撤销(Ctrl+z)和恢复(Ctrl+y)等window的快捷键
操作的流程和布局的过程是一致的:
1)选择主窗体。依据须要设置窗体的对应属性
2)选择布局容器
3)依据须要选择对应的控件,依据须要设置控件的对应属性
第一步:选择主窗体,依据须要设置窗体的对应属性
1)选择窗体
![](http://img.blog.csdn.net/20140110175116968)
![](http://img.blog.csdn.net/20140110175130984)
2)设置窗体标题:我们一起学习Glade;固定窗体大小;设置窗体位置:中心
![](http://img.blog.csdn.net/20140110175311906)
3)设置窗体的宽度和高度
![](http://img.blog.csdn.net/20140110175401265)
第二步:选择布局容器(固定布局能同意用户随意布局,所以我们选择此布局)
![](http://img.blog.csdn.net/20140110175436687)
![](http://img.blog.csdn.net/20140110175506640)
第三步:依据须要选择对应的控件。依据须要设置控件的对应属性(每一个控件的设置方法都几乎相同,这里以“button”为例)
1)选择两个button
![](http://img.blog.csdn.net/20140110175537937)
![](http://img.blog.csdn.net/20140110175553515)
![](http://img.blog.csdn.net/20140110175606390)
2)调整button的位置以及其大小(有两种方法能够设置)
A)在界面编辑区里通过拖拽方式进行调整
![](http://img.blog.csdn.net/20140110175639781)
B)通过属性编辑区进行设置(先设置起点坐标,再设置其宽度和高度)
a) 设置控件的起点坐标
![](http://img.blog.csdn.net/20140110175721562)
b)设置控件的宽度和高度
![](http://img.blog.csdn.net/20140110175803921)
![](http://img.blog.csdn.net/20140110175820359)
4)设置button的属性
A)第一个button作为带文本内容的普通button
![](http://img.blog.csdn.net/20140110175910359)
![](http://img.blog.csdn.net/20140110175931781)
B)第二button为没边框的button
button去边框
![](http://img.blog.csdn.net/20140110180021140)
![](http://img.blog.csdn.net/20140110180142875)
其他控件的操作方法也是几乎相同的。这里就不一一列举。
在代码操作时。我们须要关心的是。怎样通过代码获得这个界面的控件。如本样例中的(主窗体。button),而在界面里,每一个控件都有一个标识名称,这个标识名称就是在控件监视区的名字,我们代码里就通过这个标识名称来获取界面里的控件:
![](http://img.blog.csdn.net/20150122171822554)
这个标识名称是能够改动的,例如以下图
![](http://img.blog.csdn.net/20150122171842475)
![](http://img.blog.csdn.net/20150122171943580)
到这里,我们的界面就已经设置好了(一个主窗体里放了一个固定布局,布局里还放了2个button)。保存这个界面就可以使用。保存的时候选择合适路径以默认方式保存就可以,文件的后缀名能够随意。为了易于辨别文件。我们最好以 .glade 后缀,这里保存为test.glade。
代码操作
能够简单分为两步:
1)读取glade文件
// 创建GtkBuilder对象,GtkBuilder在<gtk/gtk.h>声明
GtkBuilder *builder = gtk_builder_new();
// 读取test.glade文件的信息,保存在builder指针变量里
gtk_builder_add_from_file(builder, "./test.glade", NULL);
2)获取glade文件中的控件
// 获取窗体控件指针。注意"window1" 要和glade里的标志名称匹配
GtkWidget *window = GTK_WIDGET(gtk_builder_get_object (builder, "window1"));
代码例如以下:
执行结果:
![](http://img.blog.csdn.net/20150727145141858)
通过上面的样例,利用 glade 工具, 我们能够通过拖放控件的方式高速设计出用户界面。能够非常直观地进行对应的布局。
可是。假设我们要想实现很多其它的功能,如给窗体设置背景图。让button做对应操作,我们还得通过代码实现。
glade仅仅是辅助我们设计窗体,它不是万能的。
源代码下载:http://download.csdn.net/download/lianghe_work/8936799
转自:
glade的总体框图:
经常使用控件选择区:列举了经常使用的控件,经常使用的有三类:顶层(主窗体等)。容器(各种布局容器等)。控制和显示(button、便签、图片控件等)
当鼠标放在控件时,会自己主动显示控件的中文文字。同一时候。还能人为设置,例如以下图:
界面编辑区:把控件拖放在这进行进行对应的布局
控件监视区:可以看到界面上全部的控件,同一时候,选中这个控件,可以看到这个控件的详细类型
属性编辑区:编辑选中控件的经常使用属性,如窗体设置标题、窗体类型、屏幕上显示位置等。
工具栏:经常使用的有下面几个button
新建:新建一个glade文件
打开:打开一个已经存在的glade文件
保存:保存一个glade文件
选择:按了这个button, 才干选择控件
拖拽调整大小:按了这个button,才干移动控件的位置,改变控件的大小
如今開始学习Glade的操作。
选择控件时,一定要先按工具栏的“选择”button
操作时。支持撤销(Ctrl+z)和恢复(Ctrl+y)等window的快捷键
操作的流程和布局的过程是一致的:
1)选择主窗体。依据须要设置窗体的对应属性
2)选择布局容器
3)依据须要选择对应的控件,依据须要设置控件的对应属性
第一步:选择主窗体,依据须要设置窗体的对应属性
1)选择窗体
2)设置窗体标题:我们一起学习Glade;固定窗体大小;设置窗体位置:中心
3)设置窗体的宽度和高度
第二步:选择布局容器(固定布局能同意用户随意布局,所以我们选择此布局)
第三步:依据须要选择对应的控件。依据须要设置控件的对应属性(每一个控件的设置方法都几乎相同,这里以“button”为例)
1)选择两个button
2)调整button的位置以及其大小(有两种方法能够设置)
A)在界面编辑区里通过拖拽方式进行调整
B)通过属性编辑区进行设置(先设置起点坐标,再设置其宽度和高度)
a) 设置控件的起点坐标
b)设置控件的宽度和高度
4)设置button的属性
A)第一个button作为带文本内容的普通button
B)第二button为没边框的button
button去边框
其他控件的操作方法也是几乎相同的。这里就不一一列举。
在代码操作时。我们须要关心的是。怎样通过代码获得这个界面的控件。如本样例中的(主窗体。button),而在界面里,每一个控件都有一个标识名称,这个标识名称就是在控件监视区的名字,我们代码里就通过这个标识名称来获取界面里的控件:
这个标识名称是能够改动的,例如以下图
到这里,我们的界面就已经设置好了(一个主窗体里放了一个固定布局,布局里还放了2个button)。保存这个界面就可以使用。保存的时候选择合适路径以默认方式保存就可以,文件的后缀名能够随意。为了易于辨别文件。我们最好以 .glade 后缀,这里保存为test.glade。
代码操作
能够简单分为两步:
1)读取glade文件
// 创建GtkBuilder对象,GtkBuilder在<gtk/gtk.h>声明
GtkBuilder *builder = gtk_builder_new();
// 读取test.glade文件的信息,保存在builder指针变量里
gtk_builder_add_from_file(builder, "./test.glade", NULL);
2)获取glade文件中的控件
// 获取窗体控件指针。注意"window1" 要和glade里的标志名称匹配
GtkWidget *window = GTK_WIDGET(gtk_builder_get_object (builder, "window1"));
代码例如以下:
#include <gtk/gtk.h> int main(int argc,char *argv[]) { //1.gtk初始化 gtk_init(&argc,&argv); //2.创建GtkBuilder对象,GtkBuilder在<gtk/gtk.h>声明 GtkBuilder *builder = gtk_builder_new(); //3.读取test.glade文件的信息,保存在builder中 if ( !gtk_builder_add_from_file(builder,"test.glade", NULL)) { printf("connot load file!"); } //4.获取窗体指针,注意"window1"要和glade里面的标签名词匹配 GtkWidget *window = GTK_WIDGET(gtk_builder_get_object(builder,"window1")); GtkButton *button = GTK_BUTTON(gtk_builder_get_object(builder, "button1")); const char *text = gtk_button_get_label(button); printf("text=%s\n", text);
gtk_widget_show_all(window); gtk_main(); return 0; }
执行结果:
通过上面的样例,利用 glade 工具, 我们能够通过拖放控件的方式高速设计出用户界面。能够非常直观地进行对应的布局。
可是。假设我们要想实现很多其它的功能,如给窗体设置背景图。让button做对应操作,我们还得通过代码实现。
glade仅仅是辅助我们设计窗体,它不是万能的。
源代码下载:http://download.csdn.net/download/lianghe_work/8936799
转自:
相关文章推荐
- GTK入门学习:glade的使用
- GTK入门学习:glade的使用
- GTK入门学习:glade的介绍
- GTK入门学习:glade的环境搭建
- GTK+学习工具——使用glade:gtk-win32-devel-2.8.18-rc1.exe
- GTK入门学习:glade的环境搭建
- GTK入门学习:Libglade 和 GtkBuilder 的区别使用
- GTK入门学习:glade的介绍
- GTK入门学习:Libglade 和 GtkBuilder 的区别使用
- 使用BIOS进行键盘输入和磁盘读写01 - 零基础入门学习汇编语言75
- GTK与GLADE的使用与配置[0630]
- XHTML入门学习教程:列表标签的使用
- 学习maven的使用,看到一篇很实用的入门教程
- 使用BIOS进行键盘输入和磁盘读写02 - 零基础入门学习汇编语言76
- 学习maven的使用实用的入门教程
- gtk学习笔记-gtk入门
- 使用BIOS进行键盘输入和磁盘读写01 - 零基础入门学习汇编语言75
- 学习maven的使用实用的入门教程 转
- XHTML入门学习教程:框架标签使用
- javascript入门经典学习三(使用变量,字符串数组)(附js中文手册)