带有选中 + 按下状态的 WPF ToggleButton答案

【问题标题】：WPF ToggleButton with Checked + Pressed State带有选中 + 按下状态的 WPF ToggleButton
【发布时间】：2016-05-26 23:43:29
【问题描述】：

我有一个 ToggleButton，它有一个标签。当它被检查时，标签文本会发生变化并变长，并且 FontSize 会变小：

<Style x:Key="MyToggleButtonStyle" TargetType="{x:Type ToggleButton}">
    <Setter Property="FontSize" Value="22" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ToggleButton}">
                <Grid>
                    <Border Background="#FF0000"/>
                    <ContentPresenter x:Name="content"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="True">
                        <Setter Property="FontSize" Value="17" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<ToggleButton {StaticResource MyToggleButtonStyle}" Click="ToggleButton_Click">
    <TextBlock x:Name="ToggleButtonLabel" Text="Some Text"/>
</ToggleButton>


private void ToggleButton_Click(object sender, RoutedEventArgs e) {
    ToggleButtonLabel.Text = ((ToggleButton)sender).IsChecked == false ? "Some Text" : "Some Longer Text";
}

按钮还需要具有 Pressed 状态，其中 FontSize 相对于其当前 FontSize 减小。换句话说，它应该像这样工作：

普通：字体大小 = 22

按下：字体大小 = 20

已选中：字体大小 = 17

选中 + 按下：字体大小 = 15

我知道我可以轻松地为 IsPressed State 使用触发器，但这也会将其更改为 Checked + Pressed，这不是我想要的：

<Trigger Property="IsPressed" Value="True">
    <Setter Property="FontSize" Value="20" />
</Trigger>

那么添加第四种视觉状态以组合 Checked + Pressed 的最简单、最简洁的方法是什么？

【问题讨论】：

标签： c# wpf xaml visualstatemanager

【解决方案1】：

您可以通过多重触发器轻松实现：

<Style x:Key="MyToggleButtonStyle" TargetType="{x:Type ToggleButton}">
    <Setter Property="FontSize" Value="22" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ToggleButton}">
                <Grid>
                    <Border Background="#FF0000" />
                    <ContentPresenter x:Name="content" />
                </Grid>
                <ControlTemplate.Triggers>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsPressed"  Value="True" />
                            <Condition Property="IsChecked" Value="False" />
                        </MultiTrigger.Conditions>
                        <Setter Property="FontSize" Value="20" />
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsPressed" Value="False" />
                            <Condition Property="IsChecked" Value="True" />
                        </MultiTrigger.Conditions>
                        <Setter Property="FontSize" Value="17" />
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsPressed" Value="True" />
                            <Condition Property="IsChecked" Value="True" />
                        </MultiTrigger.Conditions>
                        <Setter Property="FontSize" Value="15" />
                    </MultiTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<ToggleButton Style="{StaticResource MyToggleButtonStyle}" Click="ToggleButton_Click">
    <TextBlock x:Name="ToggleButtonLabel" Text="Some Text" />
</ToggleButton>

【讨论】：