MVVMCross WinStore 将项目添加到使用 DataTemplate 定义的 XAML

Question

所以我在我的视图模型中定义了许多项目，然后我想将它们添加到我在 XAML 中的视图中。由于这些项目很多，我试图通过创建为视图模型中的自定义类定义的数据模板来减少一些冗余，然后将它们嵌套在 XAML 中。到目前为止，我所拥有的看起来像这样。

    <Page.Resources>

    <DataTemplate x:Name="CommandCenterTemplate"  >
        <Grid d:DataContext="{d:DesignInstance core:ComboBoxCommandCenter}">
            <Grid.RowDefinitions >
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="100"/>
                <ColumnDefinition Width="100"/>
            </Grid.ColumnDefinitions>

            <Button Width="150" Content="{Binding Title}" Command="{Binding OnClickCommand}"/>
            <ComboBox Grid.Column="1" ItemsSource="{Binding Options}" SelectedValue="{Binding Selected,Mode=TwoWay}"/>

        </Grid>
    </DataTemplate>
    <!-- TODO: Delete this line if the key AppName is declared in App.xaml -->
    <x:String x:Key="AppName">Combat</x:String>
</Page.Resources>

之前在 XAML 内联中逐项列出了这些内容，如下所示：

<StackPanel Orientation ="Horizontal">
                <Button Width="150" Content="Skills" Command="{Binding SkillCommand}"></Button>
                <ComboBox ItemsSource="{Binding SkillOptions}" SelectedValue="{Binding SkillSelected,Mode=TwoWay}"></ComboBox>
            </StackPanel>

View-Model 中定义的类如下所示：

public class ComboBoxCommandCenter : INotifyPropertyChanged 
{
    private IEnumerable<string> _options;
    private string _title;

    public ComboBoxCommandCenter(string title,IEnumerable<string> options, Action<string> action)
    {
        _options = options;
        OnClickAction = action;

    }
    private Action<string> OnClickAction { get; set; }
    public string Selected { get; set; }

    public IEnumerable<string> Options
    {
        get { return _options; }
    }

    public ICommand OnClickCommand
    {
        get { return new MvxCommand(() => OnClickAction(Selected)); }
    }

    public string Title
    {
        get { return _title; }
        set
        {
            _title = value;
            OnPropertyChanged();
        }
    }
    public event PropertyChangedEventHandler PropertyChanged;

    [NotifyPropertyChangedInvocator]
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
    }
}

所以我希望能够用已经实例化的视图模型中的类的实例替换堆栈面板对象。

public class CombatViewModel : BaseViewModel
{
       public ComboBoxCommandCenter SaveCenter { get; private set; }

public CombatViewModel(ICharacterService 角色) ：基础（字符） { SaveCenter = new ComboBoxCommandCenter("Save",MyCharacter.Actions.SaveOptions(), MyCharacter.Actions.Save); } }

那么有没有办法在 XAML 中放置一些代码，使其看起来像

<core:ViewModel.SaveCenter />

Answer 1

如果我理解正确，那么没有 ComboBoxCommandCenters 的列表，而只有一个。而您的问题是如何显示这个 ComboBoxCommandCenter。在这种情况下，您可以使用：

<ContentControl 
    ContentTemplate="{StaticResource CommandCenterTemplate}" 
    Content="{Binding pathToYourViewModel_SaveCenter}"
    />

更新：在评论中回答问题：

我有多个组合框要添加。当我声明内容时，xaml 是否可以或可以根据其类提取模板？这几乎可能需要一个单独编写的控件，而不是简单地在我想知道的内联 xaml 中定义它。

比创建新控件简单一点：

您可以设置 ContentTemplateSelector，而不是设置 ContentTemplate。要使用 ContentTemplateSelector 在代码中选择模板，您必须从 DataTemplateSelector 继承并通过覆盖 SelectTemplate() 添加您的选择逻辑。

更优雅的解决方案是“隐式 DataTemplates”，它使 XAML 根据数据类型选择默认 DataTemplate。但这仅在 WPF 中可用。在 Windows 应用商店应用中，此类行为仅适用于样式（通过 TargetType）。