如何在 C#中的listView 控件中显示图片？

╰+哭是因爲堅強的太久メ 2022-10-05 04:59 347阅读 0赞

### 文章目录 ###

*   *  图标加数字
     *  大图标形式

## 图标加数字 ##

首先你需要在WinForm 中添加一个imagelist 控件。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]

在imagelist控件的图片集合中添加要显示的图片。

我的listView 中 View 属性 设置为 details（其它的没试）。然后将ListView的SmallImageList 属性赋值为添加的imagelist控件名。之后：

listView1.SmallImageList=ImageListName; // SmallImageList 属性
     
    ListViewItem lv =newListViewItem();
    lv.ImageIndex=0;//显示imageList中的第一张图片
    lv.SubItems.Add("000");
    lv.SubItems.Add("111");
    lv.SubItems.Add("222");
    listView1.Items.Add(lv);
    
    或者
    
    int i = skinListView.Items.Count;
    
    listView1.Items.Add("000");
    listView1.Items[i].SubItems.Add("111");
    listView1.Items[i].SubItems.Add("222");
    
    listView1.Items[i].ImageIndex = 0;//显示imageList中的第一张图片

这样就在行的第一列加了个图片。

## 大图标形式 ##

以上是在View 为 details 时，在第一列显示图片，下载在LargeIcon 下让ListView中的每个项目显示图片

1.  添加ImageList 控件 这种相关属性：

主要设置了要显示的图片，及其要显示的大小：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70 1]

添加如下代码：

lvwIcon.View = View.LargeIcon;
     lvwIcon.LargeImageList = imageList1;
    
     for (int i = 0; i < 4; i++)
     { 
         lvwIcon.Items.Add("图片" + (i+1));
         lvwIcon.Items[i].ImageIndex = i;
     }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]: /images/20221005/66d550b475d049d8b039ca6c24db927f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70 1]: /images/20221005/54b42b7af6fa4405a0c61f9a42a7703c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70 2]: /images/20221005/737c9526ec7c47c39adf1b9ae95dc5f5.png