gtk 图形界面开发步骤（gtk代码和glade<xml>图形设计分离）(转)

gtk 图形界面开发步骤（gtk代码和glade图形设计分离）(转)

转自：http://blog.csdn.net/clydezhou/article/details/7625449

一：在ubuntu环境下安装gtk图形开发界面

       安装 glade3 图形界面设计集成开发环境，用于设计图形界面。

二: 开启 glade，进行界面设计

       设计完图形后，保存图形文件为  myui.glade。

三：编写gtk程序

      方法1：  GtkBuilder

         GtkBuilder     *pBuilder = NULL;

         GtkWidget   *pMainWindow = NULL;

          pBuilder = gtk_builder_new();

          gtk_builder_add_from_file(pBuilder,  "/home/myui.glade",  NULL);

          pMainWindow = GTK_WIDGET(gtk_builder_get_object(pBuilder, "main"));   //获取控件指针后，便可用gtk代码操作该控件。

      方法2：   GladeXML 

        GladeXML    *xml = NULL;

        GtkWidget    *pMainWindow = NULL;

        xml = glade_xml_new ("/home/myui.glade",  "app",  NULL);

        pMainWindow = glade_xml_get_widget (xml, "main"));    //获取控件指针后，便可用gtk代码操作该控件。

//注意: 上述代码中的"main"为myui.glade图形设计时主窗口的控件名称。

四：编写Makefile

       

CFLAGS=`pkg-config --cflags --libs gtk+-2.0  gthread-2.0`   -g    -export-dynamic 

OBJ=gtk

SRC=main.c   udp.c

all:

    gcc   -o   $(OBJ)    $(SRC)    $(CFLAGS)

clean:

    rm -f          $(OBJ)

五： GTK程序开发帮助资料

        1: GTK开发手册:  《GTK+ Reference Manual》。

        2: gtk-demo

            (1): 安装：    sudo  apt-get   install    gtk2.0-examples

            (2): 运行：    /usr/bin/gtk-demo              

                                 运行gtk-demo程序后，即能看到实际的图形效果，又能即时查看源代码。