這篇文章主要介紹了GTK treeview原理及使用方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
GtkTreeView 構(gòu)件是一個(gè)高級的構(gòu)件，利用他你就可以制作出漂亮的普通列表或者是樹狀的列表。這個(gè)構(gòu)件里可以包含一或者多行。他的構(gòu)架呢?正是采用了大名鼎鼎的MVC (Model View Controller) 設(shè)計(jì)框架。也就是說數(shù)據(jù)和顯示方式是進(jìn)行了一種分離的操作。
于是在GtktreeView構(gòu)件中確實(shí)還有著其他幾個(gè)獨(dú)立的對象結(jié)構(gòu)(objects)。
其中 GtkCellRenderer 就決定了在GtkTreeViewColumn. 中的數(shù)據(jù)究竟是如何來進(jìn)行顯示呈現(xiàn)的。
GtkListStore 和GtkTreeStore 的功能為體現(xiàn)模型(model)的作用。
也就是說他們是用來處理和分析將要在GtkTreeView顯示的數(shù)據(jù)的。
GtkTreeIter 則是一個(gè)數(shù)據(jù)結(jié)構(gòu)被用于在GtkTreeView構(gòu)件中，對行中的數(shù)據(jù)進(jìn)行操作。
GtkTreeSelection 則是用來處理選項(xiàng)的。
效果如下
代碼如下
#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;
}
在我們上面的這個(gè)示例代碼中，我們將向大家展示的是5個(gè)條目并布置于GtkTreeView 構(gòu)件中。我們首先在window中放置一個(gè)GtkVBox 構(gòu)件。 在這個(gè) GtkVBox 構(gòu)件中含有兩個(gè)構(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));
接下來我們又生成了一個(gè)GtkListStore 構(gòu)件(a model) 然后把它與list 構(gòu)件綁定。
g_object_unref(store);
這個(gè) model 被自動的銷毀，以釋放內(nèi)存空間。
add_to_list(list, "Aliens");
上面就是在調(diào)用add_to_list()函數(shù)，實(shí)現(xiàn)向list 中在增加一個(gè)選項(xiàng)的功能。
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來完成這個(gè)功能。
selection = gtk_tree_view_get_selection(GTK_TREE_VIEW(list));
GtkTreeSelection際上并不需要明確生成。在這里，我們是利用 GtkTreeView構(gòu)件自動來生成。來幫助完成這項(xiàng)工作的正如你所見到的是系統(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;
//建立一個(gè)GtkCellRenderer
renderer = gtk_cell_renderer_text_new ();
//建立一個(gè)帶標(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);
//建立一個(gè)GtkCellRenderer
renderer = gtk_cell_renderer_text_new ();
//g_object_set (G_OBJECT (renderer), "xalign", 1.0, NULL);//居右
//建立一個(gè)帶標(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í)數(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í)有所幫助，也希望大家多多支持腳本之家。
文章來自腳本之家，原文鏈接：https://www.jb51.net/article/195420.htm
申請創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
