如何使用witui 3将元数据对照项目绑定到XAML中的收藏

Question

我正在尝试使用来自。

在示例应用程序中，以编程方式添加项目，我找不到直接在XAML中使用数据模板绑定到类的方法。

我尝试了以下代码，但它不起作用：

<controls:MetadataControl Items="{x:Bind myClass}">
    <ControlTemplate>
         <DataTemplate x:DataType="local:myClass">
            <.....>
         </DataTemplate>
     </ControlTemplate>
</controls:MetadataControl>

如果有人有一个示例，即在XAML中直接绑定它，而无需从代码中填充项目，那我们将很棒。

谢谢

Answer 1

Metadaitem 是一个结构，AFAIK您无法在XAML中初始化结构。

我还建议您在样本中创建一个 metadaitem 的集合。

也就是说，我使用附加的属性建立了此代码，并实现了您要做的事情。命名是冗长的，但我认为在这种情况下，我会更容易获得它的代表。我希望这会有所帮助。

metadatacontrolextension.cs

using CommunityToolkit.WinUI.UI.Controls;
using Microsoft.UI.Xaml;
using System.Collections.Generic;

namespace MetadataControlExtension;

public class MetadataControlExtensionItem
{
    public string Label { get; set; } = string.Empty;
}

public class MetadataControlExtensionItemList : List<MetadataControlExtensionItem>
{
}

public class MetadataControlExtension : DependencyObject
{
    public static IEnumerable<MetadataControlExtensionItem> GetItemsSource(DependencyObject obj)
    {
        return (IEnumerable<MetadataControlExtensionItem>)obj.GetValue(ItemsSourceProperty);
    }

    public static void SetItemsSource(DependencyObject obj, IEnumerable<MetadataControlExtensionItem> value)
    {
        obj.SetValue(ItemsSourceProperty, value);
    }

    public static readonly DependencyProperty ItemsSourceProperty =
        DependencyProperty.RegisterAttached(
            "ItemsSource",
            typeof(IEnumerable<MetadataControlExtensionItem>),
            typeof(MetadataControlExtension), new PropertyMetadata(0, OnItemsSourcePropertyChanged));

    private static void OnItemsSourcePropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is MetadataControl metadataControl && e.NewValue is IEnumerable<MetadataControlExtensionItem> itemsSource)
        {
            List<MetadataItem> metadataItems = new();

            foreach (MetadataControlExtensionItem item in itemsSource)
            {
                metadataItems.Add(new MetadataItem() { Label = item.Label });
            }

            metadataControl.Items = metadataItems;
        }
    }
}

mainwindow.xaml

<Window
    x:Class="MetadataControlTest.MainWindow"
    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"
    xmlns:controls="using:CommunityToolkit.WinUI.UI.Controls"
    xmlns:ex="using:MetadataControlExtension"
    mc:Ignorable="d">

    <Grid>
        <controls:MetadataControl>
            <ex:MetadataControlExtension.ItemsSource>
                <ex:MetadataControlExtensionItemList>
                    <ex:MetadataControlExtensionItem Label="1st Item"/>
                    <ex:MetadataControlExtensionItem Label="2nd Item"/>
                    <ex:MetadataControlExtensionItem Label="3rd Item"/>
                    <ex:MetadataControlExtensionItem Label="4th Item"/>
                    <ex:MetadataControlExtensionItem Label="5th Item"/>
                </ex:MetadataControlExtensionItemList>
            </ex:MetadataControlExtension.ItemsSource>
        </controls:MetadataControl>
    </Grid>

</Window>