C#如何在listview中插入图片

来源:IPIPP.com作者:头衔:全栈工程师
导读:本期聚焦于小伙伴创作的《C#如何在listview中插入图片》,敬请观看详情,探索知识的价值。以下视频、文章将为您系统阐述其核心内容与价值。如果您觉得《C#如何在listview中插入图片》有用,将其分享出去将是对创作者最好的鼓励。

在C#窗体应用开发中,listview是常用的列表展示控件,很多时候我们需要给它添加图片来增强界面的可读性和美观度。下面先通过一张示意图了解整体实现思路,再逐步讲解具体代码。

C#如何在listview中插入图片

实现前的准备工作

要实现listview插入图片,核心需要用到ImageList控件,它的作用是存储和管理要展示的图片资源,再和listview控件进行绑定。首先我们需要在窗体设计器中拖入两个控件:一个是listView1,另一个是imageList1

基础属性配置

先对两个控件的基础属性做简单设置,确保后续功能正常:

  • 设置imageList1ImageSize属性,比如设置为new Size(32, 32),决定图片的显示尺寸
  • 设置listView1SmallImageList属性为imageList1,如果是大图标视图还需要设置LargeImageList属性
  • 根据需求设置listView1View属性,可选值有LargeIconSmallIconListDetails

核心实现代码

加载图片到ImageList

首先需要将本地的图片资源加载到imageList1中,这里以加载项目根目录下的图片为例:

using System;
using System.Drawing;
using System.Windows.Forms;

namespace ListViewImageDemo
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            // 加载图片到ImageList
            LoadImagesToImageList();
            // 初始化ListView数据
            InitListViewData();
        }

        private void LoadImagesToImageList()
        {
            try
            {
                // 加载本地图片,路径根据实际项目调整
                Image img1 = Image.FromFile("icon1.png");
                Image img2 = Image.FromFile("icon2.png");
                Image img3 = Image.FromFile("icon3.png");
                // 将图片添加到ImageList,每个图片可以设置对应的key方便后续获取
                imageList1.Images.Add("icon1", img1);
                imageList1.Images.Add("icon2", img2);
                imageList1.Images.Add("icon3", img3);
            }
            catch (Exception ex)
            {
                MessageBox.Show("图片加载失败:" + ex.Message);
            }
        }
    }
}

给ListView项绑定图片

加载完图片后,需要在创建ListViewItem的时候指定对应的图片索引或者key,这样列表项就会显示对应的图片:

private void InitListViewData()
{
    // 设置listview的视图模式为Details,同时显示列
    listView1.View = View.Details;
    listView1.Columns.Add("名称", 100);
    listView1.Columns.Add("描述", 200);

    // 创建第一个列表项,使用图片key绑定
    ListViewItem item1 = new ListViewItem("文件1", "icon1");
    item1.SubItems.Add("这是一个文本文件");
    listView1.Items.Add(item1);

    // 创建第二个列表项,使用图片索引绑定(索引从0开始)
    ListViewItem item2 = new ListViewItem("文件2", 1);
    item2.SubItems.Add("这是一个图片文件");
    listView1.Items.Add(item2);

    // 创建第三个列表项
    ListViewItem item3 = new ListViewItem("文件3", "icon3");
    item3.SubItems.Add("这是一个压缩文件");
    listView1.Items.Add(item3);
}

不同视图模式下的显示效果

如果切换listView1View属性,图片的显示效果会有所不同:

View属性值图片显示效果
LargeIcon显示大尺寸图标,图片大小由imageList1的LargeImageList关联的尺寸决定
SmallIcon显示小尺寸图标,对应SmallImageList的尺寸设置
List以列表形式展示,图标在文字左侧
Details在多列详情视图中,首列左侧显示对应图标

注意事项

  • 图片路径需要确认存在,避免出现文件找不到的异常,建议可以把图片设置为项目的嵌入资源,通过资源管理的方式加载
  • 如果listview需要同时支持大图标和小图标视图,需要分别设置LargeImageListSmallImageList属性,对应不同尺寸的ImageList
  • 绑定图片的时候,如果使用key绑定,要确保key在ImageList中已经存在,否则会显示空白
以上代码可以直接复制到你的C#窗体项目中运行,只需要替换对应的图片路径即可看到效果,实际开发中可以根据需求调整图片尺寸和列表展示逻辑。

如果需要动态更新某一项的图片,可以直接修改该ListViewItemImageKey或者ImageIndex属性,listview会自动刷新显示对应的图片。

C#listviewImageList窗体控件图片插入修改时间:2026-05-29 03:42:51

免责声明:​ 已尽一切努力确保本网站所含信息的准确性。网站内容多为原创整理与精心编撰,观点力求客观中立。本站旨在免费分享,内容仅供个人学习、研究或参考使用。若引用了第三方作品,版权归原作者所有。如内容涉及您的权益,请联系我们处理。
内容垂直聚焦
专注技术核心技术栏目,确保每篇文章深度聚焦于实用技能。从代码技巧到架构设计,为用户提供无干扰的纯技术知识沉淀,精准满足专业提升需求。
知识结构清晰
覆盖从开发到部署的全链路。AI、前端、编程、数据库、服务器、建站、系统层层递进,构建清晰学习路径,帮助用户系统化掌握开发与运维所需的核心技术。
深度技术解析
拒绝泛泛而谈,深入技术细节与实践难点。无论是数据库优化还是服务器配置,均结合真实场景与代码示例进行剖析,致力于提供可直接应用于工作的解决方案。
专业领域覆盖
精准对应开发生命周期。从前端界面到后端编程,从数据库操作到服务器运维,形成完整闭环,一站式满足全栈工程师和运维人员的技术需求。
即学即用高效
内容强调实操性,步骤清晰、代码完整。用户可根据教程直接复现和应用于自身项目,显著缩短从学习到实践的距离,快速解决开发中的具体问题。
持续更新保障
专注既定技术方向进行长期、稳定的内容输出。确保各栏目技术文章持续更新迭代,紧跟主流技术发展趋势,为用户提供经久不衰的学习价值。