构件概述

在GTK中创建一个构件的一般步骤：

  1、gtk_*_new():创建各种构件的函数

  2、把所有相连接的信号都连接到对应的信号处理函数

  3、设定构件的属性

  4、用gtk_container_add() or grk_box_pack_start()等适当的函数把构件放置到一个控件中，

  5、gtk_widget_show()显示构件。     


组装构件

    多 数组装是通过创建一些“盒(boxes)”来达成的，这是些不可见的构件容器，它们有两种形式：一种是横向盒(horizontal box)，一种是纵向盒(vertical box)。当我们组装构件到横向盒里时，这些构件就依着我们调用的顺序由左至右或从右到左水平地插入进去。在纵向盒里，则从顶部到底部或相反地组装构件， 你可以使用任意的盒组合，比如盒套盒或者盒挨着盒，用以产生你想要的效果。
    要 创建一个新的横向盒我们调用 gtk_hbox_new()，对于纵向盒，用 gtk_vbox_new()。gtk_box_pack_start() 和 gtk_box_pack_end() 函数用来将对象组装到这些容器中。gtk_box_pack_start() 将对象从上到下组装到纵向盒中，或者从左到右组装到横向盒中。gtk_box_pack_end() 则相反，从下到上组装到纵向盒中，或者从右到左组装到横向盒中。使用这些函数允许我们调整自己的构件向左或向右对齐，同时也可以混入一些其它的方法来达到 我们想要的设计效果。在我们的示例中多数使用gtk_box_pack_start()。被组装的对象可以是另一个容器或构件。事实上，许多构件本身就是容器，包括按钮，只不过我们通常在按钮中只放 入一个标签。看下面的具体例子：

/*File:packbox.c
 *Date:2013-11-17
 *Author:sjin
 *Mail:413977243@qq.com
 */
#include <stdio.h>
#include <gtk/gtk.h>
#include <stdlib.h>

gint delete_event(GtkWidget *widget,GdkEvent *event,gpointer data)
{
    gtk_main_quit();
    return FALSE;
}

/*生成一个填满按钮-标签的横向盒，我们将感兴趣的参数传递进这个函数
 * 我们不显示这个盒子，但显示它内部的所有东西
 */
GtkWidget * make_box(gboolean homogeneous,gint spacing,gboolean expand,gboolean fill,guint padding)
{
    GtkWidget *box;
    GtkWidget *button;
    char padstr[80];

    /*homogeneous：确定所有控件的大小
     *         TRUE：表示组装和计算最大控件的大小，然后其他控件按照最大控件的大小分配
     *         FALSE：建立不同大小的控件，以各自内容。
     * spacing:用它来确定插入组装和的构件之间的空间。
     *         0：表示空间之间不留空间
     * */
    box = gtk_hbox_new (homogeneous,spacing);

    button = gtk_button_new_with_label("gtk_box_pack");
    gtk_box_pack_start(GTK_BOX(box),button,expand,fill,padding);
    gtk_widget_show(button);


    button = gtk_button_new_with_label("box,");
    gtk_box_pack_start(GTK_BOX(box),button,expand,fill,padding);
    gtk_widget_show(button);


    button = gtk_button_new_with_label("button");
    gtk_box_pack_start(GTK_BOX(box),button,expand,fill,padding);
    gtk_widget_show(button);

    if(expand == TRUE){
        button = gtk_button_new_with_label("TRUE,");
    } else {
        button = gtk_button_new_with_label("FALSE,");
    }
    gtk_box_pack_start(GTK_BOX(box),button,expand,fill,padding);
    gtk_widget_show(button);


    button = gtk_button_new_with_label(fill?"TRUE":"FALSE");
    gtk_box_pack_start(GTK_BOX(box),button,expand,fill,padding);
    gtk_widget_show(button);

    sprintf(padstr,"%d);",padding);


    button = gtk_button_new_with_label(padstr);
    gtk_box_pack_start(GTK_BOX(box),button,expand,fill,padding);
    gtk_widget_show(button);

    return box;
}

int main(int argc,char *argv[])
{
    GtkWidget *window;
    GtkWidget *button;
    GtkWidget *box1;
    GtkWidget *box2;
    GtkWidget *separator;
    GtkWidget *label;
    GtkWidget *quitbox;
    int which;

    /*初始化*/
    gtk_init(&argc,&argv);

    if(argc != 2){
        fprintf(stderr,"usage:packbox num ,where num is 1,2,3\n");
        exit(1);
    }

    which = atoi(argv[1]);

    /*创建窗口*/
    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

    /*这个一般必要有delete_event信号到主窗口*/
    g_signal_connect(G_OBJECT(window),"delete_event",G_CALLBACK(delete_event),NULL);
    
    /*设置窗口宽度*/
    gtk_container_set_border_width(GTK_CONTAINER(window),80);

    /*设置窗口标题*/
    gtk_window_set_title(GTK_WINDOW(window),"组装盒练习");

    /* 我们创建一个纵向盒（vbox)把横向和组装进来
     *这样我们可以将填满按钮的很想和一个个的堆叠到这个纵向盒子里
     */
     box1 = gtk_vbox_new(FALSE,0);

     /**/
     switch(which){
     case 1:
         /*创建一个标签*/
         label = gtk_label_new("gtk_hbox_new(FALSE,0);");

         /*使标签靠左排列*/
         gtk_misc_set_alignment(GTK_MISC(label),0,0);

         /*将标签组装到纵向盒中*/
         gtk_box_pack_start(GTK_BOX(box1),label,FALSE,FALSE,0);

         /*显示标签*/
         gtk_widget_show(label);

         /*调用我们生成盒的函数-homogeneous = FALSE,spacing = 0         
          * * expand = FALSE,fill = FALSE,padding = 0 */
         box2 = make_box(TRUE,0,FALSE,FALSE,0);
         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);
         gtk_widget_show(box2);

         /*调用我们生成盒的函数-homogeneous = FALSE,spacing = 0         
          * * expand = TRUE,fill = FALSE,padding = 0 */
         box2 = make_box(FALSE,0,TRUE,FALSE,0);
         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);
         gtk_widget_show(box2);

         
         /*调用我们生成盒的函数-homogeneous = FALSE,spacing = 0         
          * * expand = TRUE,fill = TRUE,padding = 0 */
         box2 = make_box(FALSE,0,TRUE,TRUE,0);
         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);
         gtk_widget_show(box2);

         /*创建一个分割线,并组装到纵向盒*/
         separator = gtk_hseparator_new();
         gtk_box_pack_start(GTK_BOX(box1),separator,FALSE,TRUE,5);
         gtk_widget_show(separator);

         /*创建一个新的标签，并显示它*/
         label = gtk_label_new("gtk_hbox_new(TRUE,0);");
         gtk_misc_set_alignment(GTK_MISC(label),0,0);
         gtk_box_pack_start(GTK_BOX(box1),label,FALSE,FALSE,0);
         gtk_widget_show(label);

         
         box2 = make_box(TRUE,0,TRUE,FALSE,0);
         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);
         gtk_widget_show(box2);


         box2 = make_box(FALSE,0,TRUE,TRUE,0);
         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);
         gtk_widget_show(box2);


         /*创建一个分割线,并组装到纵向盒*/
         separator = gtk_hseparator_new();
         gtk_box_pack_start(GTK_BOX(box1),separator,FALSE,TRUE,5);
         gtk_widget_show(separator);

         break;
     case 2:
         /*创建一个新的标签，并显示它*/
         label = gtk_label_new("gtk_hbox_new(FALSE,10);");
         gtk_misc_set_alignment(GTK_MISC(label),0,0);
         gtk_box_pack_start(GTK_BOX(box1),label,FALSE,FALSE,0);
         gtk_widget_show(label);

         
         box2 = make_box(FALSE,10,TRUE,FALSE,0);
         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);
         gtk_widget_show(box2);


         box2 = make_box(FALSE,10,TRUE,TRUE,0);
         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);
         gtk_widget_show(box2);


         /*创建一个分割线,并组装到纵向盒*/
         separator = gtk_hseparator_new();
         gtk_box_pack_start(GTK_BOX(box1),separator,FALSE,TRUE,5);
         gtk_widget_show(separator);

         /*创建一个新的标签，并显示它*/
         label = gtk_label_new("gtk_hbox_new(FALSE,0);");
         gtk_misc_set_alignment(GTK_MISC(label),0,0);
         gtk_box_pack_start(GTK_BOX(box1),label,FALSE,FALSE,0);
         gtk_widget_show(label);

         
         box2 = make_box(FALSE,0,TRUE,FALSE,10);
         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);
         gtk_widget_show(box2);


         box2 = make_box(FALSE,0,TRUE,TRUE,10);
         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);
         gtk_widget_show(box2);


         /*创建一个分割线,并组装到纵向盒*/
         separator = gtk_hseparator_new();
         gtk_box_pack_start(GTK_BOX(box1),separator,FALSE,TRUE,5);
         gtk_widget_show(separator);
         break;
     case 3:
         /*示范gtk_box_pack_end()右对齐构件的能力*/
         box2 = make_box(FALSE,0,FALSE,FALSE,0);

         /*创建放在末端的标签*/
         label = gtk_label_new("end");
         gtk_box_pack_end(GTK_BOX(box2),label,FALSE,FALSE,0);
         gtk_widget_show(label);

         gtk_box_pack_start(GTK_BOX(box1),box2,FALSE,FALSE,0);

         gtk_widget_show(box2);

         /*放在底部的分割线*/
         separator = gtk_hseparator_new();

         gtk_widget_set_size_request(separator,400,5);

         gtk_box_pack_start(GTK_BOX(box1),separator,FALSE,TRUE,5);
         gtk_widget_show(separator);
         break;
     default:
         break;
     }

     /*创建一个新的横向盒，用来推出按钮*/
     quitbox = gtk_hbox_new(FALSE,0);
     button = gtk_button_new_with_label("退出");
     g_signal_connect_swapped(G_OBJECT(button),"clicked",G_CALLBACK(delete_event),window);

     gtk_box_pack_start(GTK_BOX(quitbox),button,TRUE,FALSE,0);
     gtk_box_pack_start(GTK_BOX(box1),quitbox,TRUE,FALSE,0);

     gtk_container_add(GTK_CONTAINER(window),box1);

     gtk_widget_show(button);
     gtk_widget_show(quitbox);
     gtk_widget_show(box1);
     gtk_widget_show(window);

     gtk_main();

     return 0;
};

下面是执行程序的结果显示：

1、情况显示

2、情况显示

3、情况显示 


表组装：

/*File:tableBox.c
 *Date:2013-11-27
 *Author:sjin
 *Mail:413977243@qq.com
 */
#include <stdio.h>
#include <gtk/gtk.h>
#include <stdlib.h>

/*回调函数
 *传到这个函数的数据将呗打印到标准输出
 * */
void callback(GtkWidget *widget, gpointer data)
{
    g_print("Hello again -%s was pressed\n",(char *) data);
}

/*退出回调函数*/
gint delete_event(GtkWidget *widget,GdkEvent *event,gpointer data)
{
    gtk_main_quit();
    return FALSE;
}


int main(int argc,char *argv[])
{
    GtkWidget *window;
    GtkWidget *button;
    GtkWidget *table;

    /*初始化*/
    gtk_init(&argc,&argv);

    /*创建窗口*/
    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

    /*这个一般必要有delete_event信号到主窗口*/
    g_signal_connect(G_OBJECT(window),"delete_event",G_CALLBACK(delete_event),NULL);
    
    /*设置窗口宽度*/
    gtk_container_set_border_width(GTK_CONTAINER(window),80);

    /*设置窗口标题*/
    gtk_window_set_title(GTK_WINDOW(window),"表组装练习");

    /* 创建一个2X2的表
     *GtkWidget *gtk_table_new(guint rows,guint columns,gboolean homogeneous);
     *rows:表中要安排的行数
     *columns:表中要安排的列数
     *homogeneous:TRUE标示表格框的大小都将调整为表中最大构件的大小。
     *            FALSE每个表格框将会按照同行中最高的构件，与同列中最宽的构件来决定自身的大小
     * */
    table = gtk_table_new(2,2,TRUE);

    /*将表放进主窗口*/
    gtk_container_add(GTK_CONTAINER(window),table);

    /*创建一个按钮*/
    button = gtk_button_new_with_label("love you!");

    /*将按钮设置回调函数*/
    g_signal_connect(G_OBJECT(button),"clicked",G_CALLBACK(callback),(gpointer)"I love you songsong!");

    /*将button插入表的左上象限
     *void gtk_table_attach(GtkTable *table,已经创建的表
     *GtkWidget *child,想放进表里的构件
     *guint left_attach,构件的放置位置
     *guint right_attach,
     *guint top_attach,
     *guint bottom_attach,
     *GtkAttachOptions xoptions,下面是用来指定组装时的选项GTK_FILL：构件会扩展以是用所有可用空间
     *GtkAttachOptions yoptions,GTK_SHRINK：构件会和表一个缩小 GTK_EXPAND：
     *guint xpadding,下面2个padding，构件周围的空白区域
     *guint ypadding);
     *这里有个简写的函数
     *void gtk_table_attach_defaults();
     *默认缺省参数options:GTK_FILL|GTK_EXPAND padding:为0；
     *
     * */
    gtk_table_attach_defaults(GTK_TABLE(table),button,0,1,0,1);

    gtk_widget_show(button);

    /*创建第二个按钮*/
    button = gtk_button_new_with_label("miss you!");
    g_signal_connect(G_OBJECT(button),"clicked",G_CALLBACK(callback),(gpointer)"I miss you songsong!");
    gtk_table_attach_defaults(GTK_TABLE(table),button,1,2,0,1);
    gtk_widget_show(button);

    /*创建quit按钮*/
    button = gtk_button_new_with_label("quit");
    g_signal_connect(G_OBJECT(button),"clicked",G_CALLBACK(delete_event),NULL);
    gtk_table_attach_defaults(GTK_TABLE(table),button,0,2,1,2);
    gtk_widget_show(button);

    gtk_widget_show(table);
    gtk_widget_show(window);

    gtk_main();
    return 0;
}

运行如下：



Logo
向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

沃云统一开发平台介绍

沃云集成平台研发平台介绍1.平台优势2.平台原理3.研发平台使用方法4.遇到的问题5.现阶段实现的功能6.后续需要补充的功能和优化内容研发平台介绍1.平台优势解决孤岛式应用，实现能力共享；现有系统框架过于复杂，跨系统业务处理成本居高不下，协同服务共享，降低运维成本；提高项目应用资源监控能力，改善资源利用率；业务微服务化，快速发布、快速部署，快速响应业务需求变化；沃云平台不仅提供了自动化的、可快速部

avatar 云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...

avatar 云原生

基于docker的test-containers环境百宝箱

笔者语录： 我开了个公众号【Java你我他】，欢迎大家关注。  在很多时候，程序猿们更关注代码本身，而不愿意把时间花费在环境搭建上，这也是Docker变得越来越受欢迎的原因之一。test-containe是Docker生态圈中的一颗新星，其 主要针对测试领域、背靠Docker实现环境百宝箱功能。  test-containers： 你要的环境，我都有~  假设我们现在需要一个redis-clust

avatar 云原生