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.csdn.net/kenjianqi1647/article/details/83065204