ObjectListView控件介绍及C# Demo实现

1 介绍

前两天在用Listview做数据显示时,希望在listview中的多列显示图片,经过一番搜索后发现.Net自带的ListView其实只能在各行的第一列显示图片。后来google时看到网友有提及ObjectListView这个开源控件,一查发现确实很强大,于是决定秉承拿来主义的思想,学习使用之。

2 背景    

ObjectListView使用C#语言对.Net框架下的ListView进行了封装,使ListView的用法更简单、显示内容更丰富完美。下图是一个简单的ObjectListView的例子:

贴图的效果是暴力的、强大的,无需多言,与.Net原生的ListView相比,高下立见。

ObjectListView的官网:http://objectlistview.sourceforge.net/cs/index.html .

3 代码示例

相信,对于大多数处于搬运工阶段的Coder来说(很惭愧,鄙人还处于这阶段),能用的代码Demo才是王道!

Step 1: ObjectListView库的引入。有加工程依赖及DLL引用两种方式,这里选择引入DLL的方式。

    在官网下载ObjectListView.dll,然后新建WinForm工程,在Reference->Add Reference->选择刚下载的DLL。然后需要注意的一个操作是需要更改当前工程的项目属性: 右键你所见的工程,选择属性:

    图中的Target framework开始默认是.Net Framework 4 Client Profile, 将其更改为.Net Framework 4. 否则在将ObjectListView控件放至Form上编译时会报如下错误:

Step 2: ObjectListView控件的使用。

   1) 在工具栏显示ObjectListView控件:

    在Toolbox的General Tab下面邮件选择 Choose Items… -> .Net Framework Components选项卡中,选择Browser选择刚加入的ObjectListView.dll,确定后在 General选项卡下面或All Windows Forms下即可看见objectlistview等几个控件。

  2) 添加用户数据显示的类Car.cs.  其内容如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace MyObjectListviewDemo
{
    class Car
    {
        private string channel;
        private string hasCar;
        private string node;

        //Public Properties to show in the objectlistview columns.
        public string Channel { get { return channel; } set { channel = value; } }
        public string HasCar { get { return hasCar; } set { hasCar = value; } }
        public string Node { get { return node; } set { node = value; } }

        public Car(string channel, string hasCar, string node) {
            this.channel = channel;
            this.hasCar = hasCar;
            this.node = node;
        }

        public static List<Car> carList = new List<Car>();

        public static List<Car> GetCarList() {
            if (carList.Count == 0)
                carList = Car.initCarList();
            return carList;
        }

        private static List<Car> initCarList() {
            List<Car> list = new List<Car>();
            list.Add(new Car("1", "no", "001"));
            list.Add(new Car("2", "yes", "002"));
            list.Add(new Car("3", "yes", "003"));
            return list;
        }
    }
}
View Code

  3) 在Form上拖入一个ObjectListView控件、一个imageList控件:    如图:点击ObjectListview右上角的三角形,将其View设置Details,Samll ImageList设置为加入的imageList1空间。

    然后单击Edit Columns…编辑列:点击Add加入三个Column,在右边的属性设置中,将Text设置为列头显示的文字,将AspectName设置为Car类中对应的Public属性的值。

    设置要显示的可选择的图片,设置imagelist的collection.    在Form上右击imageList空间进入属性设置,点击Images: Collection添加你要显示的图片,如图。

 

  4)   在Form.cs中进行数据绑定:其具体代码如下:

 

     
 private void Form1_Load(object sender, EventArgs e)
        {
            this.olvColumn2.ImageGetter = new BrightIdeasSoftware.ImageGetterDelegate(this.ShowCarImage);
            this.objectListView1.SetObjects(Car.GetCarList());
        }

        private object ShowCarImage(object rowObject) {
            Car car = (Car)rowObject;
            if (car.HasCar == "yes")
            {
                return "hascar.png";
            }
            else {
                return "nocar.png";
             }
        }
View Code

  5) 编译运行得以下结果:

  可见,在第二行已经能够显示图片了,本篇目的已达到,收工。

本Demo完整示例代码下载:MyObjectListView.zip

4 讨论

    本例中,只使用了最基本的ObjectListView控件属性,主要从本人的实际需要出发而写的Demo,更多地介绍请参见ObjectListView官网。

5 版权

在注明出处的情况下,可自由进行复制传播。

转载请注明出处:http://www.cnblogs.com/Rayblog/p/4542688.html

6 关于作者

Ray Lei,正处于积累学习阶段的.Net平台开发者,同时研究关注移动开发技术。

posted @ 2015-05-31 21:19  Ray.Lei  阅读(6355)  评论(1编辑  收藏  举报