树形视图

Posted 2021-01-23 yunqidick

 

树形视图TreeView估计是Gtk#里面最复杂的控件了，它使用了大名鼎鼎的MVC模式组织数据。虽然入门有点麻烦，但是你真正掌握之后，才能发现这种设计的灵活和强大。

我这个学习系列是根据Gtk#的官方指南总结的学习心得，当然也不仅仅是对官方指南的纯粹翻译。如果想要直接阅读官方指南的话，可以访问这里：

http://www.mono-project.com/GtkSharp_TreeView_Tutorial

 

Treeview是根据MVC模式进行组织的，它一共可以分为三个部分。模型（Model）部分存储要显示的数据，视图（View）部分控制数据如何显示，而控制器（Controller）部分则控制那些数据用来显示，以及如何对数据进行过滤，排序等等。

Model（模型）：

TreeView有两种最基本的数据模型（Model)：一种是ListStore，它用来存储的列表形式组织的数据;另一种是TreeStore，它用来组织那种有子节点的（就像一棵树一样）的数据。

所有的TreeView数据模型（Model）都从TreeModel接口实现。

View（视图）：

视图由三部分组成：分别是TreeViewColumn，CellRenderer和TreeView窗体（Widget）本身。

其中TreeView窗体负责按行（Row）和列（Column）来布局数据，而且提供基本的交互式操作（比如选择行等等）。 

TreeViewColumn代表一列，一个TreeView视图可以包含多个列。

而每一列又由至少一个CellRenderer组成，TreeViewColumn本身不负责单元（Cell）的渲染，它的渲染由CellRenderer控制。

而CellRenderer是一个抽象类，它有多个实现。我们可以按照需要实例我们需要的CellRenderer，如果默认的实现不能满足我们的需要。也可以实现一个CellRenderer的子类，定制我们的渲染器。

• CellRendererText 用来显示文本
• CellRendererPixbuf 用来显示像素图
• CellRendererProgress 显示一个进度条
• CellRendererCombo 
• CellRendererToggle

CellRenderer从TreeViewColumn分离出来，使得设计更加灵活。就像前面所述一个TreeViewColumn可以包含多个CellRenderer，这使得我们可以在一列中同时加入一个图像和一条文本，有时候这要比把图像和文本分置在两个单独列要美观的多。

控制器（Controller）：

控制器让你可以对传递给视图的进行修改（过滤或者排列要显示的数据）。

下面是一个完整的例子，虽然我们没有加入任何数据。但是它对已经演示了TreeView的基本结构。

 1using System;
 2using Gtk;
 3
 4public class TreeViewExample
 5{
 6    public static void Main(string[] argv)
 7    {
 8        Application.Init();
 9        new TreeViewExample();
10        Application.Run();
11    }
12
13    public TreeViewExample()
14    {
15        //新建一个Window类，并且设置它的最小尺寸（500,200）
16        Window window = new Window("TreeView Example");
17        window.SetSizeRequest(500,200);
18        window.DeleteEvent += Delete;   //添加Delete事件处理
19
20        TreeView tree = new TreeView(); //新建TreeView对象
21        //新建一个TreeViewColumn，标题为Artist
22        TreeViewColumn artistCol = new TreeViewColumn();
23        artistCol.Title = "Artist";
24
25        TreeViewColumn songCol= new TreeViewColumn();
26        songCol.Title = "Song";
27        //把两个Column加入到TreeView视图中
28        tree.AppendColumn(artistCol);
29        tree.AppendColumn(songCol);
30        
31        //新建一个ListStore Model，它里面每行（Row）存储两个string对象（Column）
32        ListStore musicList = new ListStore(typeof(string),typeof(string));
33        //给视图TreeView设置模型（Model）
34        tree.Model = musicList;
35        window.Add(tree); //把视图加入到窗体中
36        window.ShowAll();   //显示窗体
37    }
38
39    private void Delete(object o,DeleteEventArgs args)
40    {
41        Application.Quit();
42    }
43}

 

 

使用vim键入所有代码后，你就可以进行编译了

mcs -pkg:gtk-sharp-2.0 TreeViewExample.cs

 

运行

mono TreeViewExample.exe

 

 

 

 运行结果。