C#控件ListView支持添加TextBox\PictureBox等其他控件

铝合金沙锅

功能说明

使用ListView时，希望可以在单元格显示图片或其他控件，发现原生的ListView不支持，于是通过拓展，实现ListView可以显示任意控件的功能，效果如下：

实现方法

本来想着在单元格里面实现控件的自绘的，但是没找到办法，最后是通过在单元格的表面显示对应控件的，浮于表面达到目的。
实现要点如下：

• ListView需要设置OwnerDraw=true，并重载自绘函数OnDrawColumnHeader、OnDrawItem、OnDrawSubItem
  
• 支持按单元格添加对应的控件，其Parent设置为列表ListView
  
• 列表界面调整后，包括大小、列表头、滚动等，需重新绘制单元格的控件
  

实现源码

1. using System;
2. using System.Collections.Generic;
3. using System.Drawing;
4. using System.Linq;
5. using System.Text;
6. using System.Threading.Tasks;
7. using System.Windows.Forms;
9. namespace MyListView.Ui
10. {
11.     #region ListViewEx
12.     public class ListViewEx : ListView
13.     {
14.         #region 内部属性
15.         /// <summary>
16.         /// 存放单元格控件
17.         /// </summary>
18.         List<Control> _CellControls = new List<Control>();
19.         /// <summary>
20.         /// 界面是否发生变化
21.         /// </summary>
22.         bool IsViewChanged { get; set; }
23.         #endregion
25.         #region 方法
26.         /// <summary>
27.         /// 构造函数
28.         /// </summary>
29.         public ListViewEx()
30.         {
31.             #region 初始化
32.             #endregion
34.             #region 事件
35.             this.ColumnReordered += ColumnWidthChangedHandler;
36.             this.ColumnWidthChanged += ColumnWidthChangedHandler;
37.             #endregion
38.         }
40.         /// <summary>
41.         /// 添加控件
42.         /// </summary>
43.         /// <typeparam name="T"></typeparam>
44.         /// <param name="row"></param>
45.         /// <param name="col"></param>
46.         /// <param name="c"></param>
47.         /// <returns></returns>
48.         public T Add<T>(int row, int col, T c) where T : Control
49.         {
50.             if(row >= this.Items.Count || col >= this.Columns.Count)
51.             {
52.                 return null;
53.             }
55.             var index = (row * this.Columns.Count) + col;
56.             for (var i = _CellControls.Count; i <= index; i++)
57.             {
58.                 _CellControls.Add(null);
59.             }
60.             var oc = _CellControls[index];
61.             if (oc != null)
62.             {
63.                 oc.Dispose();
64.             }
65.             OwnerDraw = true;
66.             IsViewChanged = true;
67.             c.Parent = this;
68.             _CellControls[index] = c;
69.             return c;
70.         }
72.         /// <summary>
73.         /// 设置行高度
74.         /// </summary>
75.         /// <param name="height"></param>
76.         public void SetItemHeight(int height)
77.         {
78.             if(this.SmallImageList == null)
79.             {
80.                 this.SmallImageList = new ImageList();
81.             }
82.             this.SmallImageList.ImageSize = new Size(1, height);
83.         }
84.         #endregion
86.         #region 内部函数
87.         void ColumnWidthChangedHandler(object s, EventArgs e)
88.         {
89.             IsViewChanged = true;
90.         }
91.         /// <summary>
92.         /// 显示控件到目标单元格
93.         /// </summary>
94.         /// <param name="c"></param>
95.         /// <param name="item"></param>
96.         void ShowCellControl(Control c, ListViewItem.ListViewSubItem item)
97.         {
98.             int margin = 2;
99.             c.Text = item.Text;
100.             c.Visible = true;
101.             c.Bounds = new Rectangle(item.Bounds.X + margin,
102.                 item.Bounds.Top + margin,
103.                 item.Bounds.Width - 2 * margin,
104.                 item.Bounds.Height - 2 * margin);
105.         }
107.         /// <summary>
108.         /// 显示单元格控件
109.         /// </summary>
110.         /// <param name="e"></param>
111.         /// <returns></returns>
112.         Control GetCellControl(DrawListViewSubItemEventArgs e)
113.         {
114.             Control c = null;
115.             #region 获取控件
116.             var index = (e.ItemIndex * this.Columns.Count) + e.ColumnIndex;
117.             if (index >= _CellControls.Count)
118.             {
119.                 return null;
120.             }
121.             c = _CellControls[index];
122.             #endregion
123.             return c;
124.         }
127.         protected override void WndProc(ref Message m)
128.         {
129.             #region 事件定义
130.             const int WM_SIZE = 0x0005;
131.             const int WM_PAINT = 0x000F;
132.             const int WM_HSCROLL = 0x114;
133.             const int WM_VSCROLL = 0x115;
134.             const int WM_MOUSEWHEEL = 0x020A;
135.             #endregion
137.             #region 重绘显示控件
138.             if (m.Msg == WM_PAINT && IsViewChanged)
139.             {
140.                 if(this.Columns.Count > 0)
141.                 {
142.                     for (var i = 0; i < _CellControls.Count; i++)
143.                     {
144.                         var cell_control = _CellControls[i];
145.                         if (cell_control == null)
146.                         {
147.                             continue;
148.                         }
149.                         cell_control.Visible = false;
150.                         var row = i / this.Columns.Count;
151.                         var col = i % this.Columns.Count;
152.                         if(row >= Items.Count || col >= this.Columns.Count)
153.                         {
154.                             continue;
155.                         }
156.                         var item = this.Items[row];
157.                         if(item.Bounds.Y < 0 || item.Bounds.Y >= this.Height)
158.                         {
159.                             continue;
160.                         }
161.                         if(item.SubItems[col].Bounds.X < 0 || item.SubItems[col].Bounds.X >= this.Width)
162.                         {
163.                             continue;
164.                         }
165.                         ShowCellControl(cell_control, item.SubItems[col]);
166.                     }
167.                     IsViewChanged = false;
168.                 }
169.             }
170.             else if(m.Msg == WM_HSCROLL || m.Msg == WM_VSCROLL || m.Msg == WM_MOUSEWHEEL || m.Msg == WM_SIZE)
171.             {
172.                 IsViewChanged = true;
173.             }
174.             #endregion
175.             base.WndProc(ref m);
176.         }
178.         protected override void OnDrawColumnHeader(DrawListViewColumnHeaderEventArgs e)
179.         {
180.             e.DrawDefault = true;
181.         }
183.         protected override void OnDrawItem(DrawListViewItemEventArgs e)
184.         {
185.             // 已经在OnDrawSubItem处理过了
186.             // e.DrawText(TextFormatFlags.Default);
187.         }
189.         protected override void OnDrawSubItem(DrawListViewSubItemEventArgs e)
190.         {
191.             if(GetCellControl(e) != null)
192.             {
193.                 return;
194.             }
195.             else
196.             {
197.                 e.DrawDefault = true;
198.             }
199.         }
200.         #endregion
201.     }
202.     #endregion
203. }

复制代码

测试代码

[code]using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.IO;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Windows.Forms;namespace MyListView{    public partial class Form1 : Form    {        #region 函数        public Form1()        {            #region 布局初始化            InitializeComponent();            var lv = new Ui.ListViewEx()            {                Dock = DockStyle.Fill,                View = View.Details,                GridLines = true,            };            this.Controls.Add(lv);            var headers = new string[] { "序号", "名称", "年龄", "住址", "荣誉", "岗位", "头像" };            foreach(var v in headers)            {                lv.Columns.Add(v, 100, HorizontalAlignment.Center);            }            lv.SetItemHeight(40);            for(var i=0; i