Windows应用程序高级控件之ListView控件

野性酷女 2022-08-27 12:59 757阅读 0赞

ListView控件---列表视图控件

用途：显示带图标的项列表，其中可以显示大图标、小图标和数据

ListView控件的常用属性：

View属性：设置项在控件中的显示方式，View属性的值有以下几种

Details       每个项显示在不同的行上

LargeIcon     每个项都显示为一个最大的图标，下面有标签，是默认的视图模式

List          每个项显示为一个小图标，右边带标签，各项排列在列中，没有列表头

SmallIcon     每个项显示为小图标，右边带标签

Title         显示完整大小的图标，右边带项标签和子项信息

1.添加项：ListView控件的Item属性的Add方法

public virtual ListViewItem Add(string text,int imageIndex)

实例部分代码：

private void button1_Click(object sender, EventArgs e)
            {
                if (textBox1.Text == "")
                {
                    MessageBox.Show("项目不能为空");
                }
                else
                {
                    listView1.Items.Add(textBox1.Text.Trim());
                }
            }

运行截图：

![20140608133038859][]

2.移除项(这个类似于上一篇博客中ImageList控件讲的)

RemoveAt方法用于移除集合中指定索引处的项

Clear方法用于从集合中移除所有项

实例部分代码：

private void button1_Click(object sender, EventArgs e)
            {
                if (textBox1.Text == "")
                {
                    MessageBox.Show("项目不能为空");
                }
                else
                {
                    listView1.Items.Add(textBox1.Text.Trim());
                    textBox1.Text = "";
                }
            }
            private void button3_Click(object sender, EventArgs e)
            {
                if (listView1.Items.Count == 0)
                {
                    MessageBox.Show("项目中已经没有项目");
                }
                else
                {
                    listView1.Items.Clear();
                }
            }
            private void button2_Click(object sender, EventArgs e)
            {
                if (listView1.SelectedItems.Count == 0)
                {
                    MessageBox.Show("请选择要删除的项");
                }
                else
                {
                    listView1.Items.RemoveAt(listView1.SelectedItems[0].Index);
                    listView1.SelectedItems.Clear();
                }
            }

运行截图：

![20140608133549421][]

用RemoveAt()方法移除"少数派报告"：

![20140608133706562][]

用Clear()全部移除：

![20140608133831484][]

3.选择ListView控件中的项

使用其Selected属性，用于设置或获取一个值，指定是否选定此项。

listView1.Items\[2\].Selected=true;//使用Selected方法选中第3项

4.为ListView控件中的项添加图标

这是就要用到之前讲的ImageList控件了。

List视图、Details视图和SmallIcon视图显示SmallImageList属性中指定的图像列表中的图像

LargeIcon视图显示LargeImageList属性中指定的图像列表中的图像

列表视图在大图标或小图标旁显示StateImageList属性中设置的一组附加图标

实现步骤：

(1)将相应的属性(SmallImageList、LargeImageList或StateImageList)设置为想要使用的现有的ImageList控件

(2)为每个具有关联图标的列表项设置ImageIndex属性或StateImageIndex属性，这些属性可以再代码中设置，也可以在ListViewItem集合编辑器中设置。

实例代码：

(1)其中设置ListView控件的LargeImageList属性和SmallImageList属性为imageList1控件

(2)再向ImageList控件中添加图像

(3)最后向ListView控件中添加两项

(4)设置这两项的ImageIndex属性分别为0和1

private void Form1_Load(object sender, EventArgs e)
            {
                listView1.LargeImageList = imageList1;
                imageList1.ImageSize = new Size(37,36);
                imageList1.Images.Add(Image.FromFile("01.png"));
                imageList1.Images.Add(Image.FromFile("02.png"));
                listView1.SmallImageList = imageList1;
                listView1.Items.Add("碟中谍");
                listView1.Items.Add("世界大战");
                <span style="color:#ff0000;">listView1.Items[0].ImageIndex = 0;
                listView1.Items[1].ImageIndex = 1;</span>
            }

运行截图：

![20140608141859437][]

5.在ListView控件中启用平铺视图

将ListView控件的View属性设置为Tile,还可以通过TileSize属性来调整平铺的大小

实例代码：

private void Form1_Load(object sender, EventArgs e)
            {
                listView1.View = View.Tile;//设置listView1控件的View属性
                //设置控件的LargeImageList属性，其大图标在imageList1控件中选择
                listView1.LargeImageList = imageList1;
                //向imageList1控件中添加两张图片
                imageList1.Images.Add(Image.FromFile("1.bmp"));
                imageList1.Images.Add(Image.FromFile("2.bmp"));
                //向控件中添加项目
                listView1.Items.Add("碟中谍");
                listView1.Items.Add("世界大战");
                listView1.Items.Add("明日边缘");
                listView1.Items.Add("少数派报告");
                listView1.Items.Add("最后的武士");
                //设置控件中项目的图标
                listView1.Items[0].ImageIndex = 0;
                listView1.Items[1].ImageIndex = 1;
                listView1.Items[2].ImageIndex = 0;
                listView1.Items[3].ImageIndex = 1;
                listView1.Items[4].ImageIndex = 0;
                listView1.TileSize = new Size(200, 50);//设置listView1控件的TileSize属性
            }

运行截图：

![20140608142852234][]

[20140608133038859]: /images/20220824/94a49f20b5ef4bb895c208e369fbf919.png
[20140608133549421]: /images/20220824/2ce5797a21bb46639d412d8c5b19ed1f.png
[20140608133706562]: /images/20220824/d2a6be3a232e40ac8e8edf19823492d1.png
[20140608133831484]: /images/20220824/fcfab87a966c4ef28b9d8ebd517475e8.png
[20140608141859437]: /images/20220824/66e8355dc5e4430ba4445788dce36fbe.png
[20140608142852234]: /images/20220824/7c3626654898443a8ca84bc12501f011.png