c - GTK3 中的可滚动布局

Question

我正在尝试使用 GTK(准确地说是 GTK 3)编写 C 程序(到目前为止，我的经验主要是使用 ObjC、Visual Studio 等，但跨平台 FTW!)

我需要一个可滚动的表格，因此我一直在使用我在网络上找到的一些示例代码。到目前为止，我能够找到的唯一表格代码会增大窗口，并在添加行时将任何其他元素向下推到屏幕上。我需要表格具有固定大小并滚动(当然，使标题行可见)。

这是我到目前为止所得到的:

#include <gtk/gtk.h>

enum {
    FILE_NAME,
    FILE_OFFSET,
    FILE_SIZE,
    FILE_DESCRIPTION, /* Not used by the view, maybe used elsewhere */
    COLOR,            /* Just to show how the model can affect the view */
    N_COLUMNS
};

void add_row (GtkWidget *widget, gpointer data) {
    gtk_list_store_insert_with_values(data, NULL, -1,
                                       COLOR, "blue",
                                       -1);

}

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

gint main(gint argc, gchar **argv)
{
    GtkListStore*      model;
    GtkWidget*         view;
    GtkTreeViewColumn* column;

    gtk_init(&argc, &argv);

    /* MODEL */
    model = gtk_list_store_new(N_COLUMNS,
                               G_TYPE_STRING,   /* FILE_NAME */
                               G_TYPE_UINT,     /* FILE_OFFSET */
                               G_TYPE_UINT,     /* FILE_SIZE */
                               G_TYPE_STRING,   /* FILE_DESCRIPTION */
                               G_TYPE_STRING    /* COLOR */
                              );
    gtk_list_store_insert_with_values(model, NULL, -1,
                                      FILE_NAME, "test name",
                                      FILE_OFFSET, 0,
                                      FILE_SIZE, 10,
                                      -1);
    gtk_list_store_insert_with_values(model, NULL, -1,
                                      FILE_NAME, "Dummy",
                                      FILE_OFFSET, 123,
                                      COLOR, "black",
                                      -1);

    /* VIEW */
    view = gtk_tree_view_new_with_model(GTK_TREE_MODEL(model));

    g_object_unref(model);

    column = gtk_tree_view_column_new_with_attributes("Name",
                                                      gtk_cell_renderer_text_new(),
                                                      "text", FILE_NAME,
                                                      "background", COLOR,
                                                      NULL);
    gtk_tree_view_append_column(GTK_TREE_VIEW(view), column);

    column = gtk_tree_view_column_new_with_attributes("Offset",
                                                      gtk_cell_renderer_spin_new(),
                                                      "text", FILE_OFFSET,
                                                      NULL);
    gtk_tree_view_append_column(GTK_TREE_VIEW(view), column);

    column = gtk_tree_view_column_new_with_attributes("Size",
                                                      gtk_cell_renderer_text_new(),
                                                      "text", FILE_SIZE,
                                                      NULL);
    gtk_tree_view_append_column(GTK_TREE_VIEW(view), column);


    GtkWidget* window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_title (GTK_WINDOW (window), "Test App");
    gtk_window_set_default_size (GTK_WINDOW (window), 400, 600);
    g_signal_connect (window, "destroy", G_CALLBACK (destroy), NULL);

    /* Button */
    GtkWidget *button;
    button = gtk_button_new_with_label ("Add row");
    g_signal_connect (button, "clicked", G_CALLBACK(add_row), model);

    /* Layoutbox */
    GtkWidget *layout_box = gtk_box_new(GTK_ORIENTATION_VERTICAL, 5);
    gtk_container_add (GTK_CONTAINER (window), layout_box);

    /* Scrollview */
    GtkWidget *scrollview = gtk_layout_new(NULL, NULL);
    g_object_set(G_OBJECT(scrollview), "app-paintable", TRUE, NULL);
    gtk_widget_add_events (scrollview, GDK_ALL_EVENTS_MASK);
    gtk_layout_put (GTK_LAYOUT (scrollview), view, 10, 10);
    gtk_widget_set_size_request(view, 300, 200);


    gtk_container_add (GTK_CONTAINER (layout_box), scrollview); //view
    gtk_widget_show_all(window);

    GdkWindow *win = gtk_layout_get_bin_window (GTK_LAYOUT(scrollview));
    gdk_window_set_events (win, gdk_window_get_events (win) | GDK_STRUCTURE_MASK);

    gtk_main ();

    return 0;
}

现在有点乱!我很抱歉 - 这部分是因为我对 GTK 缺乏经验，而且主要是为了让它发挥作用而进行了多次迭代。

目前，表格在消失之前显示得非常短暂(这种有趣的行为只有在我尝试将其变成滚动框时才开始)。

注意，我只想滚动表格 - 而不是整个窗口。在完美的世界中，表格的宽度将是窗口(或包含窗口的布局)的宽度，但高度限制为 n 像素，如果高度超过该限制，则会显示滚动条。

虽然我是一个简单的人，所以我也希望任何解决方案都是简单的 - 这样我就可以用我的大脑来解决它!

有什么想法吗？

Answer 1

您正在使用 GtkLayout，但用于滚动的小部件是 GtkScrolledWindow .

这是改编后的代码:

#include <gtk/gtk.h>

enum {
    FILE_NAME,
    FILE_OFFSET,
    FILE_SIZE,
    FILE_DESCRIPTION, /* Not used by the view, maybe used elsewhere */
    COLOR,            /* Just to show how the model can affect the view */
    N_COLUMNS
};

void add_row (GtkWidget *widget, gpointer data) {
    gtk_list_store_insert_with_values(data, NULL, -1,
                                       COLOR, "blue",
                                       -1);

}

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

gint main(gint argc, gchar **argv)
{
    GtkListStore*      model;
    GtkWidget*         view;
    GtkTreeViewColumn* column;

    gtk_init(&argc, &argv);

    /* MODEL */
    model = gtk_list_store_new(N_COLUMNS,
                               G_TYPE_STRING,   /* FILE_NAME */
                               G_TYPE_UINT,     /* FILE_OFFSET */
                               G_TYPE_UINT,     /* FILE_SIZE */
                               G_TYPE_STRING,   /* FILE_DESCRIPTION */
                               G_TYPE_STRING    /* COLOR */
                              );
    gtk_list_store_insert_with_values(model, NULL, -1,
                                      FILE_NAME, "test name",
                                      FILE_OFFSET, 0,
                                      FILE_SIZE, 10,
                                      -1);
    gtk_list_store_insert_with_values(model, NULL, -1,
                                      FILE_NAME, "Dummy",
                                      FILE_OFFSET, 123,
                                      COLOR, "black",
                                      -1);

    /* VIEW */
    view = gtk_tree_view_new_with_model(GTK_TREE_MODEL(model));

    g_object_unref(model);

    column = gtk_tree_view_column_new_with_attributes("Name",
                                                      gtk_cell_renderer_text_new(),
                                                      "text", FILE_NAME,
                                                      "background", COLOR,
                                                      NULL);
    gtk_tree_view_append_column(GTK_TREE_VIEW(view), column);

    column = gtk_tree_view_column_new_with_attributes("Offset",
                                                      gtk_cell_renderer_spin_new(),
                                                      "text", FILE_OFFSET,
                                                      NULL);
    gtk_tree_view_append_column(GTK_TREE_VIEW(view), column);

    column = gtk_tree_view_column_new_with_attributes("Size",
                                                      gtk_cell_renderer_text_new(),
                                                      "text", FILE_SIZE,
                                                      NULL);
    gtk_tree_view_append_column(GTK_TREE_VIEW(view), column);


    GtkWidget* window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_title (GTK_WINDOW (window), "Test App");
    gtk_window_set_default_size (GTK_WINDOW (window), 400, 600);
    g_signal_connect (window, "destroy", G_CALLBACK (destroy), NULL);

    /* Button */
    GtkWidget *button;
    button = gtk_button_new_with_label ("Add row");
    g_signal_connect (button, "clicked", G_CALLBACK(add_row), model);

    /* Layoutbox */
    GtkWidget *layout_box = gtk_box_new(GTK_ORIENTATION_VERTICAL, 5);
    gtk_container_add (GTK_CONTAINER (window), layout_box);

    /* Scrollview */
    GtkWidget *scrollview = gtk_scrolled_window_new(NULL, NULL);
    gtk_container_add (GTK_CONTAINER (scrollview), view);
    /* expand to fill all available space left in the window */
    gtk_widget_set_hexpand(scrollview, TRUE);
    gtk_widget_set_vexpand(scrollview, TRUE);


    gtk_container_add (GTK_CONTAINER (layout_box), scrollview); //view
    gtk_container_add (GTK_CONTAINER (layout_box), button);
    gtk_widget_show_all(window);

    gtk_main ();

    return 0;
}