UWP: Как использовать x:bind в ResourceDictionary?

Question

Я хочу использовать ResourceDictionary в UWP, как я использовал в WPF В WPF я делаю это в файле ResourceDictionary (*Style.xaml)

<ResourceDictionary 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
    xmlns:models="using:NWP.Models">

<Style x:key="MenuContent" TargetType="ContentControl">
    <Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="ContentControl">
            <controls:DockPanel>
                <ItemsControl ItemsSource="{x:Bind How-Can-I-Bind-Collection-Here?}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate x:DataType="models:MenuItemModel">
                            <RadioButton GroupName="MenuItems" IsChecked="{x:Binding IsChecked, Mode=TwoWay}" MinHeight="0" MinWidth="0" Command="{Binding Command}" CommandParameter="{Binding}"/>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                </ItemsControl>

                <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentTransitions="{TemplateBinding ContentTransitions}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
            </controls:DockPanel>
        </ControlTemplate>
    </Setter.Value>
</Style>

</ResourceDictionary>

Тогда я могу использовать этот стиль на своей странице:

<ContentControl Style="{StaticResource MenuContent}">
    <StackPanel Orientation="Vertical">
        <TextBox/>
        <PasswordBox/>
        <Button Content="Login"/>
    </StackPanel>
</ContentControl>

Но теперь я борюсь за то, как предоставить источник для ItemsSource в ItemsControl в ResourceDictionary с помощью x:bind:

<ItemsControl ItemsSource="{x:Bind How-Can-I-Bind-Collection-Here?}">

У меня вопрос, как решить эту проблему?

Answer 1

Добавьте к предложению @Bite, мне нужно объяснить больше информации для вас. В этом документе говорится:

если вы используете {x:Bind} в словаре ресурсов, то в словаре ресурсов должен быть класс code-behind.

1. Со страницы документации кажется, что он может работать, используя класс поддержки в качестве источника привязки, как и любой другой x:Bind, но компилятор явно отклоняет любое x: Bind в стиле. Это просто не поддерживается. Таким образом, вы не можете использовать x: Bind в стиле, даже для DataTemplate, определенного в стиле.
2. Чтобы использовать x: Bind из DataTemplate, определенного в ResourceDictionary, необходимо создать для него код позади класса.Этот шаблон по-прежнему должен находиться вне какого-либо стиля из-за пункта 1, но для работы x: Bind необходим класс поддержки для ResourceDictionary.
3. Чтобы заставить работать привязку источника элемента, используя подход, основанный на ResourceDictionary, вам нужно использовать устаревший {Binding} вместо {x:Bind}.
4. Поскольку мы должны использовать устаревшую {Binding}, чтобы заставить ее работать, источник элемента должен быть настроен путем установки и / или корректировки DataContext ContentControl.

Затем я сделал простой пример кода для вашей справки:

<ResourceDictionary
x:Class="AppStyle.MenuDictionary"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:AppStyle"
xmlns:System="using:System">

<Style x:Key="MenuContent" TargetType="ContentControl">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ContentControl">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <ItemsControl ItemsSource="{Binding MenuItems}" ItemTemplate="{StaticResource MenuItemDataTemplate}">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel Orientation="Horizontal"/>
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                    </ItemsControl>
                    <ContentPresenter Grid.Row="1" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentTransitions="{TemplateBinding ContentTransitions}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<DataTemplate x:Key="MenuItemDataTemplate" x:DataType="System:String">
    <RadioButton GroupName="MenuItems" MinHeight="0" MinWidth="0" Content="{x:Bind}" />
</DataTemplate>

public sealed partial class MenuDictionary : ResourceDictionary
{
    public MenuDictionary()
    {
        this.InitializeComponent();
    }
}

<Page
x:Class="AppStyle.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:AppStyle"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <local:MenuDictionary/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Page.Resources>
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <ContentControl Style="{StaticResource MenuContent}">
        <StackPanel>
            <TextBlock>Test</TextBlock>
            <TextBox />
        </StackPanel>
    </ContentControl>
</Grid>

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
        this.DataContext = this;
    }
    public IEnumerable<string> MenuItems => new string[] { "Page Item 1", "Page Item 2", };
}