UWP AutoGenerateProperty在DisplayMemberPathCollection中显示两个集合_Xamarin WebView有时在UWP中不显示_切换项目在可观察集合中的顺序- UWP - 腾讯云开发者社区

UWP AutoGenerateProperty在DisplayMemberPathCollection中显示两个集合

基础概念

UWP（Universal Windows Platform）是微软推出的一个统一的平台，用于构建跨设备的应用程序。AutoGenerateProperty 是 UWP 中的一个特性，它允许开发者自动生成数据绑定的属性。DisplayMemberPath 是一个用于数据绑定的属性，它指定了从数据源中选择哪个属性来显示。

类型

AutoGenerateProperty：自动生成的属性。
DisplayMemberPath：用于指定数据绑定的显示路径。

应用场景

在 UWP 应用中，当需要从数据源中动态显示多个属性时，可以使用 AutoGenerateProperty 和 DisplayMemberPathCollection。

问题分析

当在 DisplayMemberPathCollection 中显示两个集合时，可能会遇到以下问题：

数据绑定错误：可能是由于数据源中的数据结构不正确，导致绑定失败。
显示重复：可能是由于绑定路径设置不当，导致显示了重复的数据。

解决方法

假设我们有一个数据源 items，其中包含两个集合 Collection1 和 Collection2，我们希望在界面上分别显示这两个集合。

示例代码

<Page
    x:Class="YourNamespace.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <ListView x:Name="listView">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="Collection1" DisplayMemberBinding="{Binding Collection1}" />
                    <GridViewColumn Header="Collection2" DisplayMemberBinding="{Binding Collection2}" />
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Page>

public sealed partial class MainPage : Page
{
    public ObservableCollection<Item> items { get; set; }

    public MainPage()
    {
        this.InitializeComponent();
        items = new ObservableCollection<Item>
        {
            new Item { Collection1 = "Value1", Collection2 = "ValueA" },
            new Item { Collection1 = "Value2", Collection2 = "ValueB" }
        };
        listView.ItemsSource = items;
    }
}

public class Item
{
    public string Collection1 { get; set; }
    public string Collection2 { get; set; }
}