ListView有5种显示模式,我们最常用的就是列表模式、士候眨塄大图标/小图标模式、标题模式、详细模式(List、LargeIco/SmallIco、皈其拄攥Title、Details),这个控件可以很灵活的显示数据,现在我们来介绍一下ListView的各个显示模式的基础使用。
工具/原料
VS2012
C#.NET
ListView
ListView创建
1、从左侧工具栏拖进一个ListView控件到程序界面,并且调整其大小。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/e2aefe781431dfb6b74b79d212cf02532e6363bf.jpg)
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/332d496699cf0253a6440d316b36e29146e85fbf.jpg)
ListView列表模式——List
1、在右侧的属性栏中,下拉View的选项,并选择List,此时,ListView就被我们配置为列表实模式了。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/031231632385e0366eb6695cb8e039723c035abf.jpg)
2、接下来是创建数据,这里我们可以用属性栏的Item创建,也可以用代码实现,推荐用代码实现更灵活。再拖进一个Button按钮控件,并修改显示为“创建数据”。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/e3d059e833e03972ad24955eb5863048604356bf.jpg)
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/3c42a5ea3e863048f564f960c33104ebf7a752bf.jpg)
3、双击Button按钮控件,进入点击时触发的事件。并且添加创建列表数据的代码。Items.add:创建列表的数据
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/6002c9d4483104eb6e8071bb092b74ee1d324ebf.jpg)
4、现在列表模式的ListView就已经实现完毕,点击创建数据,并显示到ListView中。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/05aae8a75f0f822befc93286c018512c8df14dbf.jpg)
ListView大图标/小图标模式——Large/Small
1、大图标和小图标是同样的原理,就是图标的大小不同而已。现在在View选择大图标模式“LargeIco”。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/836a6aee1c324b18cf0ba24553a72633498448bf.jpg)
2、接着从左侧工具栏拖一个ImageList进来,然后在属性栏中选择点击“Images”来添加图片,这里我们添加了一个文件夹的图片。图片序号是“0”(这很重要,是识别图片的唯一序号)
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/8db0c6a7263348846ec46598ddee7b7f870e45bf.jpg)
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/57af657f860e7c754cd3d241650d3aceabd7bfbf.jpg)
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/732a12e265e7340fd65f3a9735b9763e20c2b4bf.jpg)
3、在ListView的属性栏上,选择LargerIco选中我们刚才拖进来的控件ImageList,图中所示上面的红框是大图标模式的图片,下面红框是小图标模式的图片,我们在大图标模式选择。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/40d2d0e8b004541b1128dc92869a310e1699a6bf.jpg)
4、最后同样在点击“创建数据”事件中,添加代码,跟列表模式不同的是,多了一个图标序号的参数“0”,表示我们的第一张图片。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/304f0999e92abab88567444a4814f1c594eea1bf.jpg)
5、现在来看下效果演示,点击“创建数据”,出现了10个文件夹。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/4080a927ac530688410b8b7e57e8904801fc96bf.jpg)
ListView详细模式——Details
1、在ListView的属性栏中,更改View的选项为“Details”,然后在Columns中添加列,这里我们添加3列,分别为“第一项,第二项,第三项”,这是就是详细模式的ListView。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/91091efc77f7980e88076dc5d4db3620b83a91bf.jpg)
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/ccc83ec5260f88353dad776ace078801397086bf.jpg)
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/444696013870d541dcab88bc2e0f94fc518c80bf.jpg)
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/a749bb0f94fc508c70e9e94c01775ddd894cfdbf.jpg)
2、接在在“创建数据”按钮的点击事件添加创建数据的代码。ListViewItem:表示列表项的类。SubItems:类表项子项的集合。add:添加列表项。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/8b3643dd884ce54ade00c95ba3066b0193ddf7bf.jpg)
3、最后我们看一下演示效果,创建数据。
![VS2012中C#.NET编程入门:[7]ListView使用](https://exp-picture.cdn.bcebos.com/2947750192dd334041d4bf33881c99c0aefcf1bf.jpg)