Как вставить разделители панели инструментов при привязке ItemSource - PullRequest
Новая
       41

Как вставить разделители панели инструментов при привязке ItemSource

0 голосов
/ 28 ноября 2009

Я связываю ToolBar с коллекцией объектов модели командного вида. У объектов в коллекции есть свойство IsSeparator, которое при значении true я хотел бы представить с <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>

Я играл с ItemContainerStyle очень похоже на в этом примере для MenuItem с, но безрезультатно.

Любая помощь приветствуется.

Ответы [ 2 ]

5 голосов
/ 31 марта 2012

Я последовал предложению Джоша об использовании 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}"/>
3 голосов
/ 28 ноября 2009

Вместо того, чтобы вставлять объекты Separator, вы можете просто взять ControlTemplate Separator (в Blend щелкните правой кнопкой мыши по разделителю -> Edit Template -> Edit a Copy) и включите его непосредственно в шаблон кнопки. Вы можете использовать DataTrigger для управления его видимостью, возможно, связывая свойство BeginGroup вашего объекта.

Если вы хотите, чтобы в вашей коллекции был выделенный объект Separator, вы можете использовать DataTemplateSelector.

...