ListView+ImageList显示图片缩略图

最终实现效果：

点击不同的“房间类型”显示相应的房间数据。

实现步骤：

1、添加TreeView控件，并在Page_Load事件中绑定数据（名称：tvType）。

2、添加ListView控件，设置好“Name”属性。

3、添加ImageList控件，设置好其中的成员。

4、设置TreeView控件的“LargeImageList”、“SmallImageList”、“StateImageList”的值都为“imageList1”（上一步添加ImageList控件的名称）

5、设置TreeView控件Items属性，添加成员。

5、设置TreeView控件的AfterSelect事件。代码如下：

private void tvType_AfterSelect(object sender, TreeViewEventArgs e)
        {
            if(this.tvType.SelectedNode.Level==0) //表示点击的是根结点
            {
                return;
            }
            else
            {
                int roomTypeID=Convert.ToInt32(this.tvType.SelectedNode.Tag);
                List<Room> roomList=RoomManager.GetRoomList("",roomTypeID.ToString());//获取相应房间信息。
                this.lvShowRoomInfo.Items.Clear();//将TreeView控件原有内容清空。
                foreach(Room room in roomList)
                {
                    ListViewItem lvi = new ListViewItem();
                    lvi.Text = room.RoomID.ToString();
                    if (room.RoomStateID == 1) //表示已入住
                    {
                        lvi.ImageIndex = 0;
                    }
                    else if(room.RoomStateID == 2)//表示空间
                    {
                        lvi.ImageIndex = 1;
                    }
                    lvi.Tag = room;
                    this.lvShowRoomInfo.Items.Add(lvi);
                }
            }
        }

 

到此，基本完成。

 

参考来源：https://blog.****.net/kenjianqi1647/article/details/83065204