RSS
热门关键字:
当前位置 :| 主页>图形界面>

采用GtkBuilder设计Gtk+界面

来源:互联网 作者:互联网 时间:2010-08-31 Tag:gtk   gtkbuider   点击:

Gtk+使用glade进行界面设计能有效地加快项目进度和提高程序的可维护性。
自从gtk2.12,Gtk+已经内建了GtkBuilder,用以代替使用glade编写的程序所依赖的libglade库文件。
下面介绍如何使用GtkBuilder写一个最基本的界面。

1. 使用glade设计Gtk+界面,保存为glade文件
$ ls
fsf.glade  stallman.jpg
$


2. 用gtk-builder-convert脚本(gtk+2.0默认安装该脚本)将glade代码转换成支持GtkBuilder的代码
$ gtk-builder-convert fsf.glade fsf.ui
Wrote fsf.ui
$ ls
fsf.glade  fsf.ui  stallman.jpg
$ cat fsf.ui
<?xml version="1.0"?>
<!--Generated with glade3 3.4.5 on Sun Nov 29 12:39:11 2009 -->
<interface>
  <object class="GtkWindow" id="window1">
    <child>
      <object class="GtkVBox" id="vbox1">
        <property name="visible">True</property>
        <child>
          <object class="GtkImage" id="image1">
            <property name="visible">True</property>
            <property name="pixbuf">stallman.jpg</property>
          </object>
        </child>
        <child>
          <object class="GtkLabel" id="label1">
            <property name="visible">True</property>
            <property name="label" translatable="yes">Richard Stallman</property>
          </object>
          <packing>
            <property name="position">1</property>
          </packing>
        </child>
      </object>
    </child>
  </object>
</interface>
$

3. 编写程序,调用GtkBuilder
$ ls
fsf.c  fsf.glade  fsf.ui  Makefile  stallman.jpg
$ cat Makefile
all:
    gcc `pkg-config --cflags --libs gtk+-2.0` fsf.c

clean:
    rm -f *~ a.out
$ cat fsf.c
#include <gtk/gtk.h>

static void window_close(GtkWidget *widget,gpointer data)
{
  gtk_main_quit();
}

int main(int argc,char *argv[])
{
  GtkBuilder *builder;
  GError *error;
  GtkWidget *window;
  gtk_init(&argc,&argv);
  builder=gtk_builder_new();
  gtk_builder_add_from_file(builder,"fsf.ui",&error);
  window=GTK_WIDGET(gtk_builder_get_object(builder,"window1"));
  g_object_unref(G_OBJECT(builder));
  g_signal_connect(window,"destroy",G_CALLBACK(window_close),NULL);
  gtk_widget_show_all(window);
  gtk_main();
  return 0;
}
$


4. 编译出可执行程序,运行
$ make
gcc `pkg-config --cflags --libs gtk+-2.0` fsf.c
$ ./a.out

效果如下图:



题外话:
我是在阅读cheese的源代码中发现gtkbuilder的,然后又发现了个东西
"pkg-config --cflags --libs gtk+-2.0"这一句是怎么得到的?
$ ls /usr/lib/pkgconfig/gtk+-2.0.pc
/usr/lib/pkgconfig/gtk+-2.0.pc
$ cat /usr/lib/pkgconfig/gtk+-2.0.pc
prefix=/usr
exec_prefix=${prefix}
libdir=/usr/lib
includedir=${prefix}/include
target=x11

gtk_binary_version=2.10.0
gtk_host=i486-pc-linux-gnu

Name: GTK+
Description: GIMP Tool Kit (${target} target)
Version: 2.12.12
Requires: gdk-${target}-2.0 atk cairo
Libs: -L${libdir} -lgtk-${target}-2.0
Cflags: -I${includedir}/gtk-2.0
$

呵呵,这下明白了吧
比如说编译调用了gstreamer库的程序,就可以使用
pkg-config --cflags --libs gstreamer-0.10
pkgconfig的默认目录/usr/lib/pkgconfig下有gstreamer-0.10.pc这一数据文件
$ ls /usr/lib/pkgconfig/gstreamer-0.10.pc
/usr/lib/pkgconfig/gstreamer-0.10.pc
$


Happy Hacking : )

相关资源:
1. GTK+ programs with GtkBuilder and dynamic signal handlers. | All My Brain
http://allmybrain.com/2008/05/22/gtk-programs-with-gtkbuilder-and-dynamic-signal-handlers/

2. GTK+ Reference Manual -- GtkBuilder
file:///usr/share/doc/libgtk2.0-doc/gtk/GtkBuilder.html

3. GTK+ Reference Manual -- Index
file:///usr/share/doc/libgtk2.0-doc/gtk/ix01.html

注: 2和3的资源,在Debian下运行"sudo apt-get install libgtk2.0-doc"即可获取

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册

_×
嵌入式linux中文站
QQ群讨论 微博订阅

微信扫一扫关注我们
随时获取最新开源资讯