WPF MVVM 中的 Button.IsSelected 属性类型？

Question

我的 WPF 应用程序中有几个按钮作为菜单。

这种情况类似于网站中的菜单。

当我单击其中一个按钮时，我希望该按钮样式与其他按钮不同，而当我选择另一个按钮时，前一个按钮应该是正常的，并且选定的样式应该应用于该选定的按钮。

您能告诉我如何通过 ControlTemplate 实现此目的，还是必须维护 IsSelected 属性来让我们知道选择了哪个按钮？

谢谢，

VJ

Answer 1

您可以尝试使用 RadionButton。下面的示例将为 RadioButton 创建一个平面按钮外观。

<Window x:Class="WpfApplication8.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="472">
<Window.Resources>
    <Style TargetType="{x:Type RadioButton}">
        <Setter Property="Focusable"
                Value="False" />
        <Setter Property="GroupName"
                Value="filter" />
        <Setter Property="IsTabStop"
                Value="False" />
        <Setter Property="VerticalAlignment"
                Value="Center" />
        <Setter Property="HorizontalAlignment"
                Value="Center" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RadioButton}">
                    <ControlTemplate.Resources>

                        <Style TargetType="{x:Type TextBlock}">
                            <Setter Property="VerticalAlignment"
                                    Value="Center" />
                            <Setter Property="HorizontalAlignment"
                                    Value="Center" />
                        </Style>

                    </ControlTemplate.Resources>
                    <Border x:Name="PART_border"
                            CornerRadius="2"
                            Margin="2"
                            Background="Transparent"
                            BorderThickness="1"
                            BorderBrush="{x:Static SystemColors.ControlDarkBrush}"
                            SnapsToDevicePixels="True">
                        <StackPanel Orientation="Horizontal"
                                    HorizontalAlignment="Center" VerticalAlignment="Center">
                            <ContentPresenter x:Name="PART_content" />
                        </StackPanel>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked"
                                 Value="True">
                            <Setter TargetName="PART_content"
                                    Property="TextBlock.FontWeight"
                                    Value="Bold" />
                            <Setter TargetName="PART_border"
                                    Property="Background">
                                <Setter.Value>
                                    <LinearGradientBrush StartPoint="0,0"
                                                         EndPoint="0,1">
                                        <GradientStop Color="Black"
                                                      Offset="0" />
                                        <GradientStop Color="white"
                                                      Offset="1" />
                                    </LinearGradientBrush>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>
<Grid>
    <StackPanel Orientation="Horizontal" >
    <RadioButton Height="30" Width="100" Content="First"></RadioButton>
    <RadioButton Height="30"
                 Width="100"
                 Content="Second"></RadioButton>
    <RadioButton Height="30"
                 Width="100"
                 Content="First"></RadioButton>
        </StackPanel>
</Grid>

对于带有图像的 RadioButton，只需查看 Matt 的博客

http://madprops.org/博客/wpf-killed-the-radiobutton-star/

Answer 2

您应该使用内置的视觉状态处理并在 XAML 中创建状态/样式。

在您的具体案例中，您似乎需要的是一组RadioButtons，这样您就不必编写任何代码来处理状态之间的切换。

Answer 3

为此，您最好使用自定义单选按钮列表。查看以下帖子。

不允许在列表框中取消选择/取消选择

您可以轻松自定义选定和取消选定的样式以满足您的要求