wpf ListView 列表绑定demo

在 WPF 中,你可以自定义一个列表,其中每行的项是通过接口定义的,并通过数据绑定展示。以下是一个简单的示例,演示了如何创建一个自定义的 WPF 列表(ListView)并通过接口绑定数据。

首先,定义一个接口,例如:

cs 复制代码
csharp
public interface ICustomItem
{
    string Name { get; set; }
    int Age { get; set; }
}

然后,实现该接口的类,用于表示每个列表项的数据:

cs 复制代码
csharp
public class CustomItem : ICustomItem
{
    public string Name { get; set; }
    public int Age { get; set; }
}

接下来,在你的 WPF 窗口或控件中,添加一个 ListView 控件,并为其定义列以显示接口的属性:

cs 复制代码
xaml
<ListView Name="customListView" Margin="10">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" Width="120"/>
            <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" Width="80"/>
        </GridView>
    </ListView.View>
</ListView>

在代码中,通过创建一个集合并将其绑定到 ListView 的 ItemsSource 属性,你可以将实现了 ICustomItem 接口的对象添加到列表中:

cs 复制代码
csharp
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        // 创建一个实现接口的对象列表
        List<ICustomItem> customItems = new List<ICustomItem>
        {
            new CustomItem { Name = "John", Age = 25 },
            new CustomItem { Name = "Alice", Age = 30 },
            // 添加更多项...
        };

        for (var i = 1; i < 1000; i++)
        {
            customItems.Add(new CustomItem { Name = "John"+i, Age = 25 });
        }

        // 将集合绑定到 ListView
        customListView.ItemsSource = customItems;
    }
}

此示例演示了如何通过接口实现自定义的数据类,并在 WPF 中使用 ListView 将数据绑定到界面。根据你的具体需求,你可能需要进一步定制列表项的样式和模板。

相关推荐
武藤一雄10 小时前
WPF/C# 应对消息洪峰与数据抖动的 8 种“抗压”策略
windows·微软·c#·wpf·.netcore·防抖·鲁棒性
武藤一雄1 天前
WPF深度解析Behavior
windows·c#·.net·wpf·.netcore
Maybe_ch1 天前
WPF的STA线程模型、APM与TAP:从线程约束到现代异步
c#·.net·wpf
FuckPatience1 天前
WPF 实现windows文件压缩文件解压过程动画
wpf
会飞的大可2 天前
Spring Cloud Alibaba全景:Nacos、Sentinel、Seata整合实战
sentinel·wpf
baivfhpwxf20232 天前
DataGrid 中增加选择列 功能实现
ui·wpf
czhc11400756632 天前
winform 330 跨线程 异步
wpf·线程·winform
想你依然心痛2 天前
HarmonyOS 5.0教育行业解决方案:基于分布式能力的沉浸式智慧课堂系统
分布式·wpf·harmonyos
Maybe_ch2 天前
深度解析 WPF 线程模型:告别 UI 卡死,掌握 Dispatcher 核心机制
ui·wpf
code bean2 天前
【Halcon 】用 Halcon 实现涂抹:Region、仿射变换与 WPF 交互
wpf·交互·halcon