GTK treeview原理及使用方法解析

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

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

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

gtkliststore 和gtktreestore 的功能为体现模型（model）的作用。

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

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

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);//设置为居中。
  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 构件中。我们首先在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("list items",
     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 构件(a model) 然后把它与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 <gtk/gtk.h>

enum
{
  list_item = 0,
  list_age,
  n_columns
};


void init_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("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);//居右
  //建立一个带标题的列 并且将renderer放入其中使其能显示内容
  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);
  
  
  //关联视图与模型
  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 ,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);

  //设置标题的可见性状态。
  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;
}

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