Question

我有一个工具栏，它将ItemsSource绑定到我的VM，它是一个ToolBarItem列表

public class ToolbarItem : ObservableObject
{
    public string ToolTip { get; set; }
    public ICommand Command { get; set; }
    public BitmapImage Icon { get; set; }
    private bool _isPressed;

    public bool IsPressed
    {
        get { return _isPressed; }
        set { _isPressed = value; RaisePropertyChanged("IsPressed"); }
    }


    public ToolbarItem(string tooltip, ICommand command, BitmapImage icon)
    {
        this.Icon = icon;
        this.Command = command;
        this.ToolTip = tooltip;            
    }
}

}

这是我的工具栏项目模板：

<DataTemplate x:Key="toolBarItemTemplate">
    <Button x:Name="toolBarButton"
            ToolTip="{Binding Path=ToolTip}"                
            Command="{Binding Path=Command}"
            Cursor="Hand"
            Style="{StaticResource toolBarButtonItemStyle}">
        <ContentControl Content="{Binding}" ContentTemplate="{StaticResource toolBarButtonItemTemplate}" />
    </Button>
</DataTemplate>

<DataTemplate x:Key="toolBarButtonItemTemplate">
    <Image Width="16"
           Height="16"                 
           Source="{Binding Path=Icon}"
           Style="{StaticResource toolBarButtonImageStyle}" />
</DataTemplate>

我想要做的是，当用户点击特定工具栏按钮来更改该按钮行为时，例如，在其周围有一个边框。

Answer 1

假设您不想将其用作ToggleButton，请尝试以下方法：

<DataTemplate x:Key="toolBarItemTemplate"> 
    <Button x:Name="toolBarButton" 
            ToolTip="{Binding Path=ToolTip}"                 
            Command="{Binding Path=Command}" 
            Cursor="Hand" 
            Style="{StaticResource toolBarButtonItemStyle}">
        <!-- added code starts-->
        <Button.Style> 
          <Style TargetType="{x:Type Button}"> 
          <Style.Triggers> 
            <Trigger Property="IsPressed" Value="True">
              <Setter Property="BorderBrush" Value="#FF0000"/>
              <Setter Property="Foreground" Value="#00FF00"/>
            </Trigger>       
          </Style.Triggers> 
          </Style> 
        </Button.Style>
        <!-- added code ends-->
        <ContentControl Content="{Binding}"
            ContentTemplate="{StaticResource toolBarButtonItemTemplate}" />
    </Button> 
</DataTemplate> 

<DataTemplate x:Key="toolBarButtonItemTemplate"> 
    <Image Width="16" 
           Height="16"                  
           Source="{Binding Path=Icon}" 
           Style="{StaticResource toolBarButtonImageStyle}" /> 
</DataTemplate>

Answer 2

这样做的方法是使用ItemTemplateSelector并根据项目的类型使用不同的DataTemplate。

这是在代码

中完成的

按下时工具栏项目图像更改

2 个答案: