主頁(yè) > 知識(shí)庫(kù) > GTK treeview原理及使用方法解析

GTK treeview原理及使用方法解析

熱門(mén)標(biāo)簽:長(zhǎng)沙回?fù)芡夂粝到y(tǒng) 云南云電銷(xiāo)機(jī)器人招商 信貸電銷(xiāo)機(jī)器人系統(tǒng) ai電話機(jī)器人營(yíng)銷(xiāo) 鸚鵡螺號(hào)航海地圖標(biāo)注時(shí)間 400 電話 申請(qǐng)費(fèi)用 比較穩(wěn)定的外呼系統(tǒng) 江蘇自動(dòng)外呼系統(tǒng)一般多少錢(qián) 山東電信外呼系統(tǒng)靠譜嗎

GtkTreeView 構(gòu)件是一個(gè)高級(jí)的構(gòu)件,利用他你就可以制作出漂亮的普通列表或者是樹(shù)狀的列表。這個(gè)構(gòu)件里可以包含一或者多行。他的構(gòu)架呢?正是采用了大名鼎鼎的MVC (Model View Controller) 設(shè)計(jì)框架。也就是說(shuō)數(shù)據(jù)和顯示方式是進(jìn)行了一種分離的操作。

于是在GtktreeView構(gòu)件中確實(shí)還有著其他幾個(gè)獨(dú)立的對(duì)象結(jié)構(gòu)(objects)。

其中 GtkCellRenderer 就決定了在GtkTreeViewColumn. 中的數(shù)據(jù)究竟是如何來(lái)進(jìn)行顯示呈現(xiàn)的。

GtkListStore 和GtkTreeStore 的功能為體現(xiàn)模型(model)的作用。

也就是說(shuō)他們是用來(lái)處理和分析將要在GtkTreeView顯示的數(shù)據(jù)的。

GtkTreeIter 則是一個(gè)數(shù)據(jù)結(jié)構(gòu)被用于在GtkTreeView構(gòu)件中,對(duì)行中的數(shù)據(jù)進(jìn)行操作。

GtkTreeSelection 則是用來(lái)處理選項(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));

接下來(lái)我們又生成了一個(gè)GtkListStore 構(gòu)件(a model) 然后把它與list 構(gòu)件綁定。

g_object_unref(store);

這個(gè) model 被自動(dòng)的銷(xiāo)毀,以釋放內(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()來(lái)獲得model。我們生成新的一行并把行中的數(shù)據(jù)交給model處理,這里正是借助GtkTreeIter來(lái)完成這個(gè)功能。

selection = gtk_tree_view_get_selection(GTK_TREE_VIEW(list));

GtkTreeSelection際上并不需要明確生成。在這里,我們是利用 GtkTreeView構(gòu)件自動(dòng)來(lái)生成。來(lái)幫助完成這項(xiàng)工作的正如你所見(jiàn)到的是系統(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ù)模型交給視圖管理,視圖銷(xiāo)毀時(shí)數(shù)據(jù)會(huì)被一同銷(xiāo)毀
  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)題的可見(jiàn)性狀態(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;
}

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

標(biāo)簽:拉薩 衡陽(yáng) 嘉興 齊齊哈爾 澳門(mén) 亳州 烏海 運(yùn)城

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《GTK treeview原理及使用方法解析》,本文關(guān)鍵詞  GTK,treeview,原理,及,使用方法,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《GTK treeview原理及使用方法解析》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于GTK treeview原理及使用方法解析的相關(guān)信息資訊供網(wǎng)民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章