不支持在 UserControl 上设置 Template 属性

如何解决不支持在 UserControl 上设置 Template 属性

我想制作一个可以像下面的例子一样使用的用户控件，但是我不知道如何实现它。我在 WPF 的某个地方发现了这个例子，但不再支持这样的接缝？

我收到以下错误“WinRT 信息：不支持在 UserControl 上设置模板属性。”

<UserControl
    x:Class="Test.Gui.Widgets.WidgetFrame"
    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">
    <UserControl.Template>
        <ControlTemplate targettype="UserControl">
            <Grid BorderBrush="Red" BorderThickness="1">
                <ContentPresenter/>
                <TextBlock FontSize="100" Foreground="AntiqueWhite">This is a Test</TextBlock>
            </Grid>
        </ControlTemplate>
    </UserControl.Template>
</UserControl>

使用控件

<local:WidgetFrame>
    <TextBlock FontSize="20" Foreground="Green">Content Presentation</TextBlock>
</local:WidgetFrame>

解决方法

我通过查看其他 github 存储库找到了解决方案

单独的xaml和cs文件

WidgetFrame.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:local="using:Test.Gui.Widgets">
    <Style TargetType="local:WidgetFrame">
        <Style.Setters>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Grid BorderBrush="Red" BorderThickness="1">
                            <ContentPresenter/>
                            <TextBlock FontSize="100" Foreground="AntiqueWhite">This is a Test</TextBlock>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style.Setters>
    </Style>
</ResourceDictionary>

将其添加到 App.xaml

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
            <ResourceDictionary Source="ms-appx:///Gui/Widgets/WidgetFrame.xaml"/>
            <!-- Other merged dictionaries here -->
        </ResourceDictionary.MergedDictionaries>
        <!-- Other app resources here -->

    </ResourceDictionary>
</Application.Resources>

WidgetFrame.cs

internal class WidgetFrame : ContentControl
{
    public WidgetFrame() { }
}

现在我可以在不覆盖模板的情况下用 xaml 放置内容

<widgets:WidgetFrame Width="200" Height="200">
    <Button>Yes!</Button>
</widgets:WidgetFrame>