3状态按钮行为(默认,按下,禁用)

时间:2013-03-08 19:03:53

标签: wpf button triggers

实现状态为3状态按钮的惯用(最好是最简单)方法是什么:

  • 默认
  • 禁用

到目前为止,我有这个:

<Button ToolTip="Back" FontWeight="Bold" Command="{Binding Path=Navigator.GoBackCommand}" IsEnabled="{Binding Path=Navigator.CanGoBack}">
  <Viewbox Width="10">
    <ContentControl Content="{StaticResource ResourceKey=CoolLeftArrow}"/>
  </Viewbox>
</Button>

是否有必要更换控件模板以获取此类行为,还是可以使用触发器?理想情况下,我只想指定3个不同的资源并将它们绑定到相关的属性。

编辑:将名称“已按下”状态更新为“按”以避免与可能类似复选框的行为混淆。

1 个答案:

答案 0 :(得分:7)

为什么不使用将IsThreeState设置为true的ToggleButton?

<ToggleButton IsThreeState="True">
    <ToggleButton.Style>
        <Style TargetType="ToggleButton">
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Content" Value="{StaticResource TbCheckedContent}"/>
                </Trigger>
                <Trigger Property="IsChecked" Value="False">
                    <Setter Property="Content" Value="{StaticResource TbUncheckedContent}"/>
                </Trigger>
                <Trigger Property="IsChecked" Value="{x:Null}">
                    <Setter Property="Content" Value="{StaticResource TbNullContent}"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ToggleButton.Style>
</ToggleButton>

更新我想我没有仔细阅读你的问题。对于Button的IsPressedIsEnabled属性,您当然可以执行与上述类似的操作:

<Button>
    <Button.Style>
        <Style TargetType="Button">
            <Style.Triggers>
                <Trigger Property="IsPressed" Value="True">
                    <Setter Property="Content" Value="{StaticResource ButtonPressedContent}"/>
                </Trigger>
                <Trigger Property="IsPressed" Value="False">
                    <Setter Property="Content" Value="{StaticResource ButtonNormalContent}"/>
                </Trigger>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="Content" Value="{StaticResource ButtonDisabledContent}"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

然而,您可以查看VisualStates然后进入Button Styles and Templates以了解如何在Button的ControlTemplate中可视化这些状态。