ColorListView深度剖析：3个技巧让你的列表界面焕然一新！-CSDN博客

本文链接：https://blog.csdn.net/z_344791576/article/details/150446472

🔥关注墨瑾轩，带你探索编程的奥秘！🚀
🔥超萌技术攻略，轻松晋级编程高手🚀
🔥技术宝库已备好，就等你来挖掘🚀
🔥订阅墨瑾轩，智趣学习不孤单🚀
🔥即刻启航，编程之旅更有趣🚀

在这里插入图片描述

1. 为什么传统ListView会掉链子

先看下客户给的原始需求：

每个预约项显示不同颜色（绿色=已支付，红色=未支付，灰色=已取消）
点击项时高亮颜色要变化
支持动态添加/删除项

用标准ListView做的话，代码大概长这样：

// 传统做法示例
private void InitializeList()
{
    listView1.Items.Add("张三 14:00");
    listView1.Items.Add("李四 15:30");
    listView1.Items.Add("王五 16:00");
    
    // 手动设置颜色
    listView1.Items[0].BackColor = Color.LightGreen;
    listView1.Items[1].BackColor = Color.LightPink;
    listView1.Items[2].BackColor = Color.LightGray;
}

但这样写有几个致命缺陷：

点击事件无法触发颜色变化
动态更新时颜色会丢失
无法实现复杂的状态组合

2. ColorListView的三大核心优势

我们决定改用ColorListView控件，发现它解决了三个关键问题：

① 自定义绘制机制
ColorListView重写了OnDrawItem方法，允许我们完全控制每个项的绘制过程：

// 自定义绘制逻辑
protected override void OnDrawItem(DrawListViewItemEventArgs e)
{
    if (e.Item.Selected)
    {
        e.Graphics.FillRectangle(Brushes.LightBlue, e.Bounds);
    }
    else
    {
        var stateColor = GetStateColor(e.Item);
        e.Graphics.FillRectangle(new SolidBrush(stateColor), e.Bounds);
    }
    
    TextRenderer.DrawText(e.Graphics, e.Item.Text, Font, e.Bounds, ForeColor, TextFormatFlags.VerticalCenter);
}

② 状态绑定能力
通过定义状态枚举，我们可以轻松实现动态颜色管理：

// 状态枚举定义
public enum AppointmentStatus
{
    Paid,
    Unpaid,
    Cancelled
}

// 状态转颜色
private Color GetStateColor(ListViewItem item)
{
    var status = (AppointmentStatus)item.Tag;
    return status switch
    {
        AppointmentStatus.Paid => Color.LightGreen,
        AppointmentStatus.Unpaid => Color.LightPink,
        AppointmentStatus.Cancelled => Color.LightGray,
        _ => Color.White
    };
}

③ 性能优化方案
ColorListView采用虚拟滚动技术，即使加载上万个项也不会卡顿：

// 虚拟模式配置
this.VirtualMode = true;
this.RetrieveVirtualItem += (sender, e) =>
{
    var item = new ListViewItem(data[e.ItemIndex]);
    item.Tag = dataStatus[e.ItemIndex];
    e.Item = item;
};

3. 实战开发中的三个坑

虽然ColorListView很强大，但我们踩过不少坑：

坑1：选中项高亮失效
第一次测试发现点击项时高亮颜色不生效。后来发现要重写OnDrawSubItem方法：

// 修复选中项高亮
protected override void OnDrawSubItem(DrawListViewSubItemEventArgs e)
{
    if (e.Item.Selected)
    {
        e.Graphics.FillRectangle(Brushes.LightBlue, e.Bounds);
    }
    else
    {
        base.OnDrawSubItem(e);
    }
}

坑2：双缓冲设置缺失
列表滚动时出现明显卡顿，加上双缓冲设置后才解决：

// 启用双缓冲
SetStyle(ControlStyles.OptimizedDoubleBuffer, true);
SetStyle(ControlStyles.AllPaintingInWmPaint, true);

坑3：数据绑定异常
当使用复杂对象作为Tag时，序列化会出问题。后来改成用索引方式关联数据：

// 安全的数据关联
item.Tag = dataStatus.IndexOf(status);

4. 进阶玩法揭秘

当我们掌握了基本用法后，开始尝试更复杂的场景：

① 渐变色支持
通过修改绘制代码，实现了从左到右的渐变效果：

// 渐变色绘制
using (var brush = new LinearGradientBrush(e.Bounds, 
    Color.LightGreen, Color.White, 90F))
{
    e.Graphics.FillRectangle(brush, e.Bounds);
}

② 动态图标渲染
根据状态在项前添加不同图标：

// 图标绘制
var icon = GetIconForStatus(status);
icon.Draw(e.Graphics, new Point(5, e.Bounds.Y));

③ 多列颜色控制
给不同列设置独立颜色：

// 多列颜色处理
for (int i = 0; i < e.Item.SubItems.Count; i++)
{
    var subItem = e.Item.SubItems[i];
    var color = GetColumnColor(i, subItem.Text);
    e.Graphics.FillRectangle(new SolidBrush(color), 
        e.SubItemBounds.X, e.Bounds.Y, 
        e.SubItemBounds.Width, e.Bounds.Height);
}