Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1277641
  • 博文数量: 632
  • 博客积分: 2778
  • 博客等级: 大尉
  • 技术积分: 3387
  • 用 户 组: 普通用户
  • 注册时间: 2012-05-31 09:09
个人简介

123

文章分类

全部博文(632)

文章存档

2014年(36)

2013年(33)

2012年(563)

分类: LINUX

2012-11-28 11:32:44

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

阅读(1576) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~