GTK treeview原理及使用方法解析

2023-07-16 21:03:03 148

GtkTreeView构件是一个高级的构件，利用他你就可以制作出漂亮的普通列表或者是树状的列表。这个构件里可以包含一或者多行。他的构架呢？正是采用了大名鼎鼎的MVC(ModelViewController)设计框架。也就是说数据和显示方式是进行了一种分离的操作。

于是在GtktreeView构件中确实还有着其他几个独立的对象结构（objects）。

其中GtkCellRenderer就决定了在GtkTreeViewColumn.中的数据究竟是如何来进行显示呈现的。

GtkListStore和GtkTreeStore的功能为体现模型（model）的作用。

也就是说他们是用来处理和分析将要在GtkTreeView显示的数据的。

GtkTreeIter则是一个数据结构被用于在GtkTreeView构件中，对行中的数据进行操作。

GtkTreeSelection则是用来处理选项的。

效果如下

代码如下

#include

enum
{
LIST_ITEM=0,
N_COLUMNS
};

voidinit_list(GtkWidget*list)
{

GtkCellRenderer*renderer;
GtkTreeViewColumn*column;
GtkListStore*store;

renderer=gtk_cell_renderer_text_new();
column=gtk_tree_view_column_new_with_attributes("ListItems",
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);
}

voidadd_to_list(GtkWidget*list,constgchar*str)
{

GtkListStore*store;
GtkTreeIteriter;

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);
}


voidon_changed(GtkWidget*widget,gpointerlabel)
{

GtkTreeIteriter;
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);
}
}

intmain(intargc,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),"Listview");
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);

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,"TheVerdict");
add_to_list(list,"NorthFace");
add_to_list(list,"DerUntergang");

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();

return0;
}

在我们上面的这个示例代码中，我们将向大家展示的是5个条目并布置于GtkTreeView构件中。我们首先在window中放置一个GtkVBox构件。在这个GtkVBox构件中含有两个构件：GtkTreeView和GtkLabel。

list=gtk_tree_view_new();
gtk_tree_view_set_headers_visible(GTK_TREE_VIEW(list),FALSE);

调用list()函数，初始化构件list。

renderer=gtk_cell_renderer_text_new();
column=gtk_tree_view_column_new_with_attributes("ListItems",
renderer,"text",LIST_ITEM,NULL);
gtk_tree_view_append_column(GTK_TREE_VIEW(list),column);

在初始化函数中，我们生成了只有一栏的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构件(amodel)然后把它与list构件绑定。

g_object_unref(store);

这个model被自动的销毁，以释放内存空间。

add_to_list(list,"Aliens");

上面就是在调用add_to_list（）函数，实现向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);

在函数add_to_list()中，我们利用系统函数gtk_tree_view_get_model()来获得model。我们生成新的一行并把行中的数据交给model处理，这里正是借助GtkTreeIter来完成这个功能。

selection=gtk_tree_view_get_selection(GTK_TREE_VIEW(list));

GtkTreeSelection际上并不需要明确生成。在这里，我们是利用GtkTreeView构件自动来生成。来帮助完成这项工作的正如你所见到的是系统函数gtk_tree_view_get_selection()。

好了再练习一下

增加一栏

代码如下

#include

enum
{
LIST_ITEM=0,
LIST_AGE,
N_COLUMNS
};


voidinit_list(GtkWidget*list)
{
//要想让视图显示出数据，必须建立GtkCellRenderer与GtkTreeViewColumn
GtkCellRenderer*renderer;
GtkTreeViewColumn*column;
GtkListStore*store;

//建立一个GtkCellRenderer
renderer=gtk_cell_renderer_text_new();
//建立一个带标题的列并且将renderer放入其中使其能显示内容
column=gtk_tree_view_column_new_with_attributes("ListItems",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);//居右
//建立一个带标题的列并且将renderer放入其中使其能显示内容
column=gtk_tree_view_column_new_with_attributes("Listage",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);


//关联视图与模型
gtk_tree_view_set_model(GTK_TREE_VIEW(list),GTK_TREE_MODEL(store));

//将数据模型交给视图管理，视图销毁时数据会被一同销毁
g_object_unref(store);
}

voidadd_to_list(GtkWidget*list,constgchar*str,gintage)
{

GtkListStore*store;
GtkTreeIteriter;

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);
}



voidon_changed(GtkWidget*widget,gpointerlabel)
{

GtkTreeIteriter;
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);
}
}

intmain(intargc,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),"Listview");
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);

//设置标题的可见性状态。
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,"TheVerdict",30);
add_to_list(list,"NorthFace",4);
add_to_list(list,"DerUntergang",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();

return0;
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

GTK treeview原理及使用方法解析

热门推荐

随机推荐