WPF中ListView控件详解

发布于:2025-07-16 ⋅ 阅读:(20) ⋅ 点赞:(0)

简介

ListView几乎可以理解为ListBox的升级版,除了能够显示数据列表之外,还可以对其列表中的元素,并且能够通过数据绑定的方式,快速更新表格中的数据。

初识ListView,完全可以将其作为ListView来使用,如下图所示

在这里插入图片描述

代码如下

<ListView>
    <ListViewItem Content="ListViewItem A"/>
    <ListViewItem>
        <StackPanel Orientation="Horizontal">
            <Image Source="E:\work\code\doc\imgs\PI_H811.jpg" Height="30"/>
            <TextBlock Text="ListViewItem B"></TextBlock>
        </StackPanel>
    </ListViewItem>
    <ListViewItem>
        <CheckBox Content="ListViewItem C"/>
    </ListViewItem>
</ListView>

数据绑定

在ListView中,可以通过指定ItemSource的方法,将类的列表映射为ListView的Item中,且Item显示的文本,即为相应对象调用ToString的结果。例如,对于下面这个简单的类

public class LvItem
{
    public string A { get; set; }
    public int B { get; set; }
    public string C{ get; set; }
    public override string ToString()
    {
        return this.A+ ", " + this.B + "," + this.C;
    }
}

在MainWindow中将LvItem对象的列表,指定给一个ListView的ItemSource,这个ListView只需有个名字即可

<ListView x:Name="lvTest"/>

绑定代码为

public MainWindow()
{
    InitializeComponent();
    List<LvItem> items = new List<LvItem>();
    items.Add(new LvItem() { A = "A1", B = 1, C = "C1" });
    items.Add(new LvItem() { A = "A22", B = 22, C = "C2" });
    items.Add(new LvItem() { A = "A333", B = 333, C = "C3" });
    lvTest.ItemsSource = items;
}

则最终效果如下

在这里插入图片描述

控件对齐

在上例中,我故意在指定属性时,将三个对象长短错开,目的就是展示ListView的对齐方法,我们希望实现的对齐效果为

在这里插入图片描述

具体方案如下

<ListView x:Name="lvTest">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="A" DisplayMemberBinding="{Binding A}" />
            <GridViewColumn Header="B" DisplayMemberBinding="{Binding B}" />
            <GridViewColumn Header="C" DisplayMemberBinding="{Binding C}" />
        </GridView>
    </ListView.View>
</ListView>

此举不仅为ListView新增了表头,同时还更改了ListView显示内容和绑定对象的映射方法,即直接从对象中选取Biding的属性,而无需调用ToString。


网站公告

今日签到

点亮在社区的每一天
去签到