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

一:在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程序后,即能看到实际的图形效果,又能即时查看源代码。

你可能感兴趣的:(gtk 图形界面开发步骤(gtk代码和glade图形设计分离))