標籤:
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平台開發人員,同時研究關注移動開發技術。
ObjectListView控制項介紹及C# Demo實現