GTK treeview原理及使用方法解析
GtkTreeView 構(gòu)件是一個高級的構(gòu)件,利用他你就可以制作出漂亮的普通列表或者是樹狀的列表。這個構(gòu)件里可以包含一或者多行。他的構(gòu)架呢?正是采用了大名鼎鼎的MVC (Model View Controller) 設(shè)計框架。也就是說數(shù)據(jù)和顯示方式是進行了一種分離的操作。
于是在GtktreeView構(gòu)件中確實還有著其他幾個獨立的對象結(jié)構(gòu)(objects)。
其中 GtkCellRenderer 就決定了在GtkTreeViewColumn. 中的數(shù)據(jù)究竟是如何來進行顯示呈現(xiàn)的。
GtkListStore 和GtkTreeStore 的功能為體現(xiàn)模型(model)的作用。
也就是說他們是用來處理和分析將要在GtkTreeView顯示的數(shù)據(jù)的。
GtkTreeIter 則是一個數(shù)據(jù)結(jié)構(gòu)被用于在GtkTreeView構(gòu)件中,對行中的數(shù)據(jù)進行操作。
GtkTreeSelection 則是用來處理選項的。
效果如下
代碼如下
#include <gtk/gtk.h> enum { LIST_ITEM = 0, N_COLUMNS }; void init_list(GtkWidget *list) { GtkCellRenderer *renderer; GtkTreeViewColumn *column; GtkListStore *store; renderer = gtk_cell_renderer_text_new (); column = gtk_tree_view_column_new_with_attributes("List Items", renderer, "text", LIST_ITEM, NULL); gtk_tree_view_append_column(GTK_TREE_VIEW(list), column); store = gtk_list_store_new(N_COLUMNS, G_TYPE_STRING); gtk_tree_view_set_model(GTK_TREE_VIEW(list), GTK_TREE_MODEL(store)); g_object_unref(store); } void add_to_list(GtkWidget *list, const gchar *str) { GtkListStore *store; GtkTreeIter iter; store = GTK_LIST_STORE(gtk_tree_view_get_model (GTK_TREE_VIEW(list))); gtk_list_store_append(store, &iter); gtk_list_store_set(store, &iter, LIST_ITEM, str, -1); } void on_changed(GtkWidget *widget, gpointer label) { GtkTreeIter iter; GtkTreeModel *model; gchar *value; if (gtk_tree_selection_get_selected( GTK_TREE_SELECTION(widget), &model, &iter)) { gtk_tree_model_get(model, &iter, LIST_ITEM, &value, -1); gtk_label_set_text(GTK_LABEL(label), value); g_free(value); } } int main(int argc, char *argv[]) { GtkWidget *window; GtkWidget *list; GtkWidget *vbox; GtkWidget *label; GtkTreeSelection *selection; gtk_init(&argc, &argv); window = gtk_window_new(GTK_WINDOW_TOPLEVEL); list = gtk_tree_view_new(); gtk_window_set_title(GTK_WINDOW(window), "List view"); gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);//設(shè)置為居中。 gtk_container_set_border_width(GTK_CONTAINER(window), 10); gtk_widget_set_size_request(window, 270, 250); gtk_tree_view_set_headers_visible(GTK_TREE_VIEW(list), FALSE); vbox = gtk_vbox_new(FALSE, 0); gtk_box_pack_start(GTK_BOX(vbox), list, TRUE, TRUE, 5); label = gtk_label_new(""); gtk_box_pack_start(GTK_BOX(vbox), label, FALSE, FALSE, 5); gtk_container_add(GTK_CONTAINER(window), vbox); init_list(list); add_to_list(list, "Aliens"); add_to_list(list, "Leon"); add_to_list(list, "The Verdict"); add_to_list(list, "North Face"); add_to_list(list, "Der Untergang"); selection = gtk_tree_view_get_selection(GTK_TREE_VIEW(list)); g_signal_connect(selection, "changed", G_CALLBACK(on_changed), label); g_signal_connect(G_OBJECT (window), "destroy", G_CALLBACK(gtk_main_quit), NULL); gtk_widget_show_all(window); gtk_main(); return 0; }
在我們上面的這個示例代碼中,我們將向大家展示的是5個條目并布置于GtkTreeView 構(gòu)件中。我們首先在window中放置一個GtkVBox 構(gòu)件。 在這個 GtkVBox 構(gòu)件中含有兩個構(gòu)件:GtkTreeView和GtkLabel。
list = gtk_tree_view_new();
gtk_tree_view_set_headers_visible(GTK_TREE_VIEW(list), FALSE);
調(diào)用list()函數(shù),初始化構(gòu)件list。
renderer = gtk_cell_renderer_text_new(); column = gtk_tree_view_column_new_with_attributes("List Items", renderer, "text", LIST_ITEM, NULL); gtk_tree_view_append_column(GTK_TREE_VIEW(list), column);
在初始化函數(shù)中,我們生成了只有一欄的GtkTreeView。
store = gtk_list_store_new(N_COLUMNS, G_TYPE_STRING); gtk_tree_view_set_model(GTK_TREE_VIEW(list), GTK_TREE_MODEL(store));
接下來我們又生成了一個GtkListStore 構(gòu)件(a model) 然后把它與list 構(gòu)件綁定。
g_object_unref(store);
這個 model 被自動的銷毀,以釋放內(nèi)存空間。
add_to_list(list, "Aliens");
上面就是在調(diào)用add_to_list()函數(shù),實現(xiàn)向list 中在增加一個選項的功能。
store = GTK_LIST_STORE(gtk_tree_view_get_model
(GTK_TREE_VIEW(list)));gtk_list_store_append(store, &iter);
gtk_list_store_set(store, &iter, LIST_ITEM, str, -1);
在函數(shù)add_to_list() 中,我們利用系統(tǒng)函數(shù)gtk_tree_view_get_model()來獲得model。我們生成新的一行并把行中的數(shù)據(jù)交給model處理,這里正是借助GtkTreeIter來完成這個功能。
selection = gtk_tree_view_get_selection(GTK_TREE_VIEW(list));
GtkTreeSelection際上并不需要明確生成。在這里,我們是利用 GtkTreeView構(gòu)件自動來生成。來幫助完成這項工作的正如你所見到的是系統(tǒng)函數(shù)gtk_tree_view_get_selection()。
好了再練習(xí)一下
增加一欄
代碼如下
#include <gtk/gtk.h> enum { LIST_ITEM = 0, LIST_AGE, N_COLUMNS }; void init_list(GtkWidget *list) { //要想讓視圖顯示出數(shù)據(jù),必須建立GtkCellRenderer與GtkTreeViewColumn GtkCellRenderer *renderer; GtkTreeViewColumn *column; GtkListStore *store; //建立一個GtkCellRenderer renderer = gtk_cell_renderer_text_new (); //建立一個帶標(biāo)題的列 并且將renderer放入其中使其能顯示內(nèi)容 column = gtk_tree_view_column_new_with_attributes("List Items", renderer, "text", LIST_ITEM, NULL); //將列加入gtk_tree_view gtk_tree_view_append_column(GTK_TREE_VIEW(list), column); //建立一個GtkCellRenderer renderer = gtk_cell_renderer_text_new (); //g_object_set (G_OBJECT (renderer), "xalign", 1.0, NULL);//居右 //建立一個帶標(biāo)題的列 并且將renderer放入其中使其能顯示內(nèi)容 column = gtk_tree_view_column_new_with_attributes("List age", renderer, "text", LIST_AGE, NULL); //將列加入gtk_tree_view gtk_tree_view_append_column(GTK_TREE_VIEW(list), column); store = gtk_list_store_new(N_COLUMNS, G_TYPE_STRING,G_TYPE_INT); //關(guān)聯(lián)視圖與模型 gtk_tree_view_set_model(GTK_TREE_VIEW(list), GTK_TREE_MODEL(store)); //將數(shù)據(jù)模型交給視圖管理,視圖銷毀時數(shù)據(jù)會被一同銷毀 g_object_unref(store); } void add_to_list(GtkWidget *list, const gchar *str ,gint age) { GtkListStore *store; GtkTreeIter iter; store = GTK_LIST_STORE(gtk_tree_view_get_model (GTK_TREE_VIEW(list))); gtk_list_store_append(store, &iter); gtk_list_store_set(store, &iter, LIST_ITEM, str,LIST_AGE,age, -1); } void on_changed(GtkWidget *widget, gpointer label) { GtkTreeIter iter; GtkTreeModel *model; gchar *value; //獲得treeview中選中的一行的GtkTreeIter if (gtk_tree_selection_get_selected( GTK_TREE_SELECTION(widget), &model, &iter)) { gtk_tree_model_get(model, &iter, LIST_ITEM, &value, -1); gtk_label_set_text(GTK_LABEL(label), value); g_free(value); } } int main(int argc, char *argv[]) { GtkWidget *window; GtkWidget *list; GtkWidget *vbox; GtkWidget *label; GtkTreeSelection *selection; gtk_init(&argc, &argv); window = gtk_window_new(GTK_WINDOW_TOPLEVEL); list = gtk_tree_view_new(); gtk_window_set_title(GTK_WINDOW(window), "List view"); gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER); gtk_container_set_border_width(GTK_CONTAINER(window), 10); gtk_widget_set_size_request(window, 270, 250); //設(shè)置標(biāo)題的可見性狀態(tài)。 gtk_tree_view_set_headers_visible(GTK_TREE_VIEW(list), TRUE ); vbox = gtk_box_new (GTK_ORIENTATION_VERTICAL, 0);//gtk_vbox_new(FALSE, 0); gtk_box_pack_start(GTK_BOX(vbox), list, TRUE, TRUE, 5); label = gtk_label_new(""); gtk_box_pack_start(GTK_BOX(vbox), label, FALSE, FALSE, 5); gtk_container_add(GTK_CONTAINER(window), vbox); init_list(list); add_to_list(list, "Aliens" ,10 ); add_to_list(list, "Leon" ,2 ); add_to_list(list, "The Verdict" ,30 ); add_to_list(list, "North Face" ,4 ); add_to_list(list, "Der Untergang",50 ); selection = gtk_tree_view_get_selection(GTK_TREE_VIEW(list)); g_signal_connect(selection, "changed", G_CALLBACK(on_changed), label); g_signal_connect(G_OBJECT (window), "destroy", G_CALLBACK(gtk_main_quit), NULL); gtk_widget_show_all(window); gtk_main(); return 0; }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android TreeView實現(xiàn)帶復(fù)選框樹形組織結(jié)構(gòu)
- 對Python 窗體(tkinter)樹狀數(shù)據(jù)(Treeview)詳解
- bootstrap treeview 樹形菜單帶復(fù)選框及級聯(lián)選擇功能
- WPF自定義TreeView控件樣式實現(xiàn)QQ聯(lián)系人列表效果
- Bootstrap treeview實現(xiàn)動態(tài)加載數(shù)據(jù)并添加快捷搜索功能
- Android UI 之實現(xiàn)多級樹形列表TreeView示例
- JS樹形菜單組件Bootstrap TreeView使用方法詳解
- Bootstrap樹形菜單插件TreeView.js使用方法詳解
- 淺析BootStrap Treeview的簡單使用
相關(guān)文章
php-fpm可執(zhí)行文件出現(xiàn)亂碼的解決方法
這篇文章主要介紹了php-fpm可執(zhí)行文件出現(xiàn)亂碼的解決方法,需要的朋友可以參考下2014-04-04Ubuntu16.04 ext4格式硬盤掛載普通用戶權(quán)限控制的操作方法
這篇文章主要介紹了Ubuntu16.04 ext4格式硬盤掛載普通用戶權(quán)限控制的操作方法,需要的朋友可以參考下2018-06-06linux下安裝memcached_動力節(jié)點Java學(xué)院整理
這篇文章主要給大家介紹了關(guān)于在linux下安裝memcached的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。2017-08-08linux Centos7斷網(wǎng)下安裝應(yīng)用程序詳解
在本篇文章里小編給大家整理的是關(guān)于linux最新版本Centos7,斷網(wǎng)情況下安裝應(yīng)用程序相關(guān)步驟,需要的朋友們可以學(xué)習(xí)下。2019-08-08linux中某個文件夾執(zhí)行命令完全卡死的問題及解決
這篇文章主要介紹了linux中某個文件夾執(zhí)行命令完全卡死的問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06Ubuntu 遠(yuǎn)程登陸服務(wù)器 ssh的安裝和配置詳解
這篇文章主要介紹了Ubuntu 遠(yuǎn)程登陸服務(wù)器 ssh的安裝和配置詳解,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06