GtkTreeView

ACTom

本文转载自：http://blog.csdn.net/caterpillar ... /07/14/2646689.aspx

具體來說，也就是該範例中的createModel()內容無需改變，將GtkComboBox的相對應程式碼，換成建立GtkTreeView的程式碼，例如：

1. [size=3]GtkWidget *treeView = gtk_tree_view_new_with_model(createModel());[/size]
2. GtkCellRenderer *renderer = gtk_cell_renderer_pixbuf_new();[size=3][/size]
3. GtkTreeViewColumn *column = gtk_tree_view_column_new_with_attributes([size=3][/size]
4. [size=3]                            "Icon", renderer,[/size]
5. [size=3]                              "pixbuf",PIXBUF_COL,[/size]
6. [size=3]                             NULL);[/size]
7. gtk_tree_view_append_column(GTK_TREE_VIEW (treeView), column);
9. renderer = gtk_cell_renderer_text_new();
10. column = gtk_tree_view_column_new_with_attributes(
11.                  "Filename", renderer,
12.                  "text", TEXT_COL,
13.                   NULL);
14. gtk_tree_view_append_column(GTK_TREE_VIEW (treeView), column);

复制代码

GtkTreeViewColumn是GtkTreeView中的列代表，可用以設定該列的內容如何繪製以及一些相關屬性，基本上以上程式片段中，gtk_tree_view_column_new_with_attributes()與gtk_tree_view_append_column()函式可以用gtk_tree_view_insert_column_with_attributes()函式來簡化，也就是可以簡化為：

1. [size=3]GtkWidget *treeView = gtk_tree_view_new_with_model(createModel());[/size]
2. GtkCellRenderer *[size=3]renderer = gtk_cell_renderer_pixbuf_new();[/size]
3. gtk_tree_view_insert_column_with_attributes([size=3][/size]
4. [size=3]        GTK_TREE_VIEW(treeView), -1, "Icon", renderer,[/size]
5. [size=3]        "pixbuf", PIXBUF_COL,[/size]
6. [size=3]        NULL);[/size]
8. renderer = gtk_cell_renderer_text_new();[size=3][/size]
9. gtk_tree_view_insert_column_with_attributes([size=3][/size]
10. [size=3]        GTK_TREE_VIEW(treeView), -1, "Filename", renderer,[/size]
11. [size=3]        "text", TEXT_COL,[/size]
12. [size=3]        NULL);[/size]

复制代码

在GtkTreeView當中的選擇，是以為個GtkTreeSelection物件作代表，當選擇改變時，會發出"changed"的Signal，所以要連結Signal與Callback函式，可以如下進行：

1. [size=3]GtkTreeSelection *selection = gtk_tree_view_get_selection(GTK_TREE_VIEW(treeView));[/size]
2. g_signal_connect(G_OBJECT(selection), "changed",[size=3][/size]
3. [size=3]                G_CALLBACK(selection_changed), label);[/size]

复制代码

至於Callback函式的部份大同小異，您要從傳遞的GtkTreeSelection中取得GtkTreeView，從GtkTreeView中取得GtkTreeModel，再使用gtk_tree_selection_get_selected()將GtkTreeIter指向選中的列，以取得您想取得的欄位資料：

1. [size=3]gboolean selection_changed(GtkTreeSelection *selection, GtkLabel *label) {[/size]
2. [size=3]    GtkTreeView *treeView;[/size]
3. [size=3]    GtkTreeModel *model;[/size]
4. [size=3]    GtkTreeIter iter;[/size]
5. [size=3]    gchar *active;[/size]
7. [size=3]    treeView = gtk_tree_selection_get_tree_view(selection);[/size]
8. [size=3]    model = gtk_tree_view_get_model(treeView);[/size]
9. [size=3]    gtk_tree_selection_get_selected(selection, &model, &iter);[/size]
10. [size=3]    gtk_tree_model_get(model, &iter,[/size]
11. [size=3]                      1, &active,[/size]
12. [size=3]                      -1);[/size]
14. [size=3]    gtk_label_set_text(label, active);[/size]
15. }[size=3][/size]

复制代码

下面的範例是以上說明的綜合示範：

[li]gtk_tree_view_demo.c[/li]

1. #include <gtk/gtk.h>
3. enum
4. {
5.     PIXBUF_COL,
6.     TEXT_COL
7. };
9. GtkTreeModel* createModel()
10. {
11.     const gchar *files[] = {"caterpillar.jpg", "momor.jpg",
12.                             "hamimi.jpg", "bush.jpg"
13.                            };
14.     GdkPixbuf *pixbuf;
15.     GtkTreeIter iter;
16.     GtkListStore *store;
17.     gint i;
19.     store = gtk_list_store_new(2, GDK_TYPE_PIXBUF, G_TYPE_STRING);
21.     for(i = 0; i < 4; i++)
22.     {
23.         pixbuf = gdk_pixbuf_new_from_file(files[[b]i[/b]], NULL);
24.         gtk_list_store_append(store, &iter);
25.         gtk_list_store_set(store, &iter,
26.                            PIXBUF_COL, pixbuf,
27.                            TEXT_COL, files[[b]i[/b]],
28.                            -1);
29.         gdk_pixbuf_unref(pixbuf);
30.     }
32.     return GTK_TREE_MODEL(store);
33. }
35. gboolean selection_changed(GtkTreeSelection *selection, GtkLabel *label)
36. {
37.     GtkTreeView *treeView;
38.     GtkTreeModel *model;
39.     GtkTreeIter iter;
40.     gchar *active;
42.     treeView = gtk_tree_selection_get_tree_view(selection);
43.     model = gtk_tree_view_get_model(treeView);
44.     gtk_tree_selection_get_selected(selection, &model, &iter);
45.     gtk_tree_model_get(model, &iter,
46.                        1, &active,
47.                        -1);
49.     gtk_label_set_text(label, active);
50. }
52. int main(int argc, char *argv[])
53. {
54.     GtkWidget *window;
55.     GtkWidget *treeView;
56.     GtkCellRenderer *renderer;
57.     GtkTreeViewColumn *column;
58.     GtkWidget *label;
59.     GtkWidget *vbox;
60.     GtkTreeSelection *selection;
62.     gtk_init(&argc, &argv);
64.     window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
65.     gtk_window_set_title(GTK_WINDOW(window), "GtkTreeView");
66.     gtk_window_set_default_size(GTK_WINDOW(window), 200, 50);
68.     treeView = gtk_tree_view_new_with_model(createModel());
70.     renderer = gtk_cell_renderer_pixbuf_new();
71.     column = gtk_tree_view_column_new_with_attributes(
72.                  "Icon", renderer,
73.                  "pixbuf", PIXBUF_COL,
74.                  NULL);
75.     gtk_tree_view_append_column(GTK_TREE_VIEW (treeView), column);
77.     renderer = gtk_cell_renderer_text_new();
78.     column = gtk_tree_view_column_new_with_attributes(
79.                  "Filename", renderer,
80.                  "text", TEXT_COL,
81.                  NULL);
82.     gtk_tree_view_append_column(GTK_TREE_VIEW (treeView), column);
84.     label = gtk_label_new("caterpillar.jpg");
85.     vbox = gtk_vbox_new(FALSE, 5);
87.     gtk_box_pack_start(GTK_BOX(vbox), treeView, TRUE, TRUE, 5);
88.     gtk_box_pack_start(GTK_BOX(vbox), label, TRUE, TRUE, 5);
89.     gtk_container_add(GTK_CONTAINER(window), vbox);
91.     selection = gtk_tree_view_get_selection(GTK_TREE_VIEW(treeView));
92.     g_signal_connect(G_OBJECT(selection), "changed",
93.                      G_CALLBACK(selection_changed), label);
95.     g_signal_connect(GTK_OBJECT(window), "destroy",
96.                      G_CALLBACK(gtk_main_quit), NULL);
98.     gtk_widget_show_all(window);
100.     gtk_main();
102.     return 0;
103. }

复制代码

一個執行的結果畫面如下所示：


有了以上的基礎，要在GtkTreeView搭配GtkTreeStore就沒什麼好解釋的了，下面這個範例，只是將範例中的createModel()函式，換成  GtkComboBox 與 GtkTreeStore中的createModel()函式，剩下的都沒有改變，也就是為GtkComboBox 與 GtkTreeStore 中的Model換上GtkTreeView的外觀顯示：

[li]gtk_tree_view_with_tree_store.c[/li]

1. #include <gtk/gtk.h>
3. enum
4. {
5.     PIXBUF_COL,
6.     TEXT_COL
7. };
9. GtkTreeModel* createModel()
10. {
11.     const gchar *files[] = {"caterpillar.jpg", "momor.jpg",
12.                             "hamimi.jpg", "bush.jpg"
13.                            };
14.     gchar *stocks[] =
15.     {
16.         GTK_STOCK_DIALOG_WARNING,
17.         GTK_STOCK_STOP,
18.         GTK_STOCK_NEW,
19.         GTK_STOCK_CLEAR,
20.         GTK_STOCK_OPEN
21.     };
23.     gchar *stockNames[] =
24.     {
25.         "WARNING",
26.         "STOP",
27.         "NEW",
28.         "GTK_STOCK_CLEAR",
29.         "GTK_STOCK_OPEN"
30.     };
32.     GtkWidget *cellView;
33.     GdkPixbuf *pixbuf;
34.     GtkTreeIter iter1, iter2;
35.     GtkTreeStore *store;
36.     gint i, j, s;
38.     store = gtk_tree_store_new(2, GDK_TYPE_PIXBUF, G_TYPE_STRING);
39.     cellView = gtk_cell_view_new();
40.     for(i = 0; i < 4; i++)
41.     {
42.         pixbuf = gdk_pixbuf_new_from_file(files[[b]i[/b]], NULL);
43.         gtk_tree_store_append(store, &iter1, NULL);
44.         gtk_tree_store_set(store, &iter1,
45.                            PIXBUF_COL, pixbuf,
46.                            TEXT_COL, files[[b]i[/b]],
47.                            -1);
48.         gdk_pixbuf_unref(pixbuf);
50.         for(j = 0; j < 3; j++)
51.         {
52.             s = rand() % 5;
53.             pixbuf = gtk_widget_render_icon(cellView, stocks[s],
54.                                             GTK_ICON_SIZE_BUTTON, NULL);
55.             gtk_tree_store_append(store, &iter2, &iter1);
56.             gtk_tree_store_set(store, &iter2,
57.                                PIXBUF_COL, pixbuf,
58.                                TEXT_COL, stockNames[s],
59.                                -1);
60.             gdk_pixbuf_unref(pixbuf);
61.         }
62.     }
64.     return GTK_TREE_MODEL(store);
65. }
67. gboolean selection_changed(GtkTreeSelection *selection, GtkLabel *label)
68. {
69.     GtkTreeView *treeView;
70.     GtkTreeModel *model;
71.     GtkTreeIter iter;
72.     gchar *active;
74.     treeView = gtk_tree_selection_get_tree_view(selection);
75.     model = gtk_tree_view_get_model(treeView);
76.     gtk_tree_selection_get_selected(selection, &model, &iter);
77.     gtk_tree_model_get(model, &iter,
78.                        1, &active,
79.                        -1);
81.     gtk_label_set_text(label, active);
82. }
84. int main(int argc, char *argv[])
85. {
86.     GtkWidget *window;
87.     GtkWidget *treeView;
88.     GtkCellRenderer *renderer;
89.     GtkTreeViewColumn *column;
90.     GtkWidget *label;
91.     GtkWidget *vbox;
92.     GtkTreeSelection *selection;
94.     gtk_init(&argc, &argv);
96.     window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
97.     gtk_window_set_title(GTK_WINDOW(window), "GtkTreeView");
98.     gtk_window_set_default_size(GTK_WINDOW(window), 200, 50);
100.     treeView = gtk_tree_view_new_with_model(createModel());
102.     renderer = gtk_cell_renderer_pixbuf_new();
103.     column = gtk_tree_view_column_new_with_attributes(
104.                  "Icon", renderer,
105.                  "pixbuf", PIXBUF_COL,
106.                  NULL);
107.     gtk_tree_view_append_column(GTK_TREE_VIEW (treeView), column);
109.     renderer = gtk_cell_renderer_text_new();
110.     column = gtk_tree_view_column_new_with_attributes(
111.                  "Filename", renderer,
112.                  "text", TEXT_COL,
113.                  NULL);
114.     gtk_tree_view_append_column(GTK_TREE_VIEW (treeView), column);
116.     label = gtk_label_new("caterpillar.jpg");
117.     vbox = gtk_vbox_new(FALSE, 5);
119.     gtk_box_pack_start(GTK_BOX(vbox), treeView, TRUE, TRUE, 5);
120.     gtk_box_pack_start(GTK_BOX(vbox), label, TRUE, TRUE, 5);
121.     gtk_container_add(GTK_CONTAINER(window), vbox);
123.     selection = gtk_tree_view_get_selection(GTK_TREE_VIEW(treeView));
124.     g_signal_connect(G_OBJECT(selection), "changed",
125.                      G_CALLBACK(selection_changed), label);
127.     g_signal_connect(GTK_OBJECT(window), "destroy",
128.                      G_CALLBACK(gtk_main_quit), NULL);
130.     gtk_widget_show_all(window);
132.     gtk_main();
134.     return 0;
135. }

复制代码

一個執行的結果如下所示：

qxwgtk

为啥图不显示出来让人看。

qxwgtk

为啥图不显示出来让人看。

qxwgtk

为啥图不显示出来让人看。

qxwgtk

为啥图不显示出来让人看。

qxwgtk

为啥图不显示出来让人看。