c# - 在 MahApps.Metro 中使用数据绑定(bind) ItemsControl 时显示 WindowCommands 的分隔符

Question

手动添加按钮作为窗口命令时，分隔符正常显示:

<controls:MetroWindow.RightWindowCommands>
    <controls:WindowCommands ShowSeparators="True">
        <Button Content="Button1" />
        <Button Content="Button2" />
    </controls:WindowCommands>
</controls:MetroWindow.RightWindowCommands>

尝试使用 ItemsControl 在 XAML 中动态创建按钮作为窗口命令时，我无法正确显示分隔符。除了固定分隔符时可能固定的边距/填充外，按钮本身看起来是正确的。

这是我的 XAML:

<controls:MetroWindow.RightWindowCommands>
    <controls:WindowCommands ShowSeparators="True">
        <ItemsControl ItemsSource="{Binding GamesViewModel.Games}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>

            <ItemsControl.ItemTemplate>
                <DataTemplate DataType="{x:Type entities:Game}">
                    <Button Content="{Binding Name}" />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </controls:WindowCommands>
</controls:MetroWindow.RightWindowCommands>

任何人都可以发现我做错了什么吗？我认为这可能与我正在设置的 ItemsPanel 有关，但我必须这样做才能使按钮水平。也许有一个我要覆盖的样式/模板？

这个代码隐藏版本确实有效，但我宁愿全部通过 XAML 完成:

foreach (Game game in ((MainViewModel)DataContext).GamesViewModel.Games)
    WindowCommands.Items.Add(new Button { Content = game.Name });

Answer 1

我想您已经在不知不觉中注意到了这个问题! WindowCommands 是一个 ItemsControl 本身，所以只要给它一个 ItemsSource 它就会被排序。

关键是给它 WindowCommandsItem 而不是你的 View 模型(这真的感觉像是 0.13 alpha 系列中的一个错误，我测试过它在过去没有这种特殊转换的情况下工作，如果内存可用.)

这是我测试过的一些代码:

XAML 位:

<controls:MetroWindow.DataContext>
    <wpfApplication1:ViewModel />
</controls:MetroWindow.DataContext>
<controls:MetroWindow.Resources>
    <DataTemplate DataType="{x:Type wpfApplication1:Model}">
        <Button Content="{Binding Name}" />
    </DataTemplate>
    <wpfApplication1:ModelToWindowCommandsItemConverter x:Key="Converter" />
</controls:MetroWindow.Resources>
<controls:MetroWindow.RightWindowCommands>
    <controls:WindowCommands ItemsSource="{Binding Commands, Converter={StaticResource Converter}}" />
</controls:MetroWindow.RightWindowCommands>

使用的转换器代码:

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{ return ((IEnumerable<Model>)value).Select(x => new WindowCommandsItem { Content = x }); }

View 模型:

public class ViewModel
{
    public ObservableCollection<Model> Commands { get; } = new ObservableCollection<Model>
    {
        new Model { Name = "Skyrim" },
        new Model { Name = "Fallout 4" },
        new Model { Name = "Fallout NV" }
    };
}

型号:

public class Model
{
    public string Name { get; set; }
}

结果: