如何使用 WINUI 3 将 MetadataControl 项绑定到 XAML 中的集合

Question

我正在尝试使用windows community toolkit中的MetadataControl 。

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

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

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

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

谢谢

Answer 1

MetadataItem是一个结构，AFAIK 你不能在 XAML 中初始化一个结构。

我还建议您在示例中创建一个类似MetadataItem的集合。

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

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;
        }
    }
}

主窗口.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>