0

我将 a 绑定ToolBar到命令视图模型对象的集合。集合中的对象有一个属性IsSeparator,当它为真时,我希望<Separator/>ToolBar.

我的基本标记如下所示:

<ToolBar Grid.Row="1" ItemsSource="{Binding Path=ToolBarCommands}">
    <ToolBar.ItemTemplate>
        <DataTemplate>
            <Button ToolTip="{Binding Path=ToolTip}" Command="{Binding Path=Command}">
                <Button.Content>
                    <Image Width="16" Height="16"  Source="{Binding Path=IconStream}"/>
                </Button.Content>
            </Button>                    
        </DataTemplate>
    </ToolBar.ItemTemplate>
</ToolBar>

我已经为s玩过ItemContainerStyle这个例子MenuItem,但无济于事。

任何帮助表示赞赏。

4

2 回答 2

6

我遵循了 Josh 关于使用 DataTemplateSelector 的建议,我只是要发布代码来帮助其他人。

public class ToolBarItemTemplateSelector : DataTemplateSelector
{
    public DataTemplate ButtonTemplate { get; set; }
    public DataTemplate SeparatorTemplate { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        var toolBarItem = (ToolBarItemViewModel) item;
        Debug.Assert(toolBarItem != null);
        if (!toolBarItem.IsSeparator)
        {
            return ButtonTemplate;
        }
        return SeparatorTemplate;
    }
}

    <DataTemplate x:Key="buttonTemplate" DataType="{x:Type infrastructure:ToolBarItemViewModel}">
        <Button Command="{Binding Command}" ToolTip="{Binding ToolTip}" Style="{DynamicResource ResourceKey={x:Static ToolBar.ButtonStyleKey}}">
            <Image Source="{Binding ImageSource}" Width="16" Height="16" />
        </Button>
    </DataTemplate>

    <DataTemplate x:Key="separatorTemplate">
        <Separator Style="{StaticResource {x:Static ToolBar.SeparatorStyleKey}}" />
    </DataTemplate>

    <local:ToolBarItemTemplateSelector ButtonTemplate="{StaticResource buttonTemplate}" SeparatorTemplate="{StaticResource separatorTemplate}" x:Key="toolBarItemTemplateSelector" />


<ToolBar AutomationProperties.AutomationId="toolBar" ItemsSource="{Binding ToolBarItems}" x:Name="toolBar" Band="1" BandIndex="1" ItemTemplateSelector="{StaticResource toolBarItemTemplateSelector}"/>
于 2012-03-30T20:21:21.967 回答
3

除了插入 Separator 对象之外,您还可以抓取 Separator 的 ControlTemplate(在 Blend 中,右键单击分隔符 -> 编辑模板 -> 编辑副本)并将其直接合并到您的按钮模板中。您可以使用 DataTrigger 来控制其可见性,可能会绑定到对象上的“BeginGroup”属性。

如果你想在你的集合中有一个专用的 Separator 对象,你可以使用 DataTemplateSelector。

于 2009-11-28T05:39:33.783 回答