如何更改HyperlinkBut​​tons＆＃39;根据当前显示的页面显示图像

Question

我的主网页上有一堆（当前）HyperlinkBut​​tons。我希望每个按钮的图像有两个版本：选中和未选中。这样，当用户进入页面时，相应的按钮将变为“选定”图像。 这是我想要完成的图像：

在我看来，这似乎是微不足道的事情，但到目前为止，我已经遇到了一堵石墙。 我更愿意从XAML做一切（但我会感激任何解决方案）。

以下是我的一些XAML：

<ScrollViewer x:Name="NavScrollViewer" Margin="-5,12,5,-12" ScrollViewer.VerticalScrollBarVisibility="Visible" IsEnabled="True" 
                  Style="{StaticResource ContentViewerStyle}">
            <StackPanel x:Name="ToolboxPanel" Orientation="Vertical" d:LayoutOverrides="Width" Height="Auto">

                <HyperlinkButton x:Name="DashboardButton"
                    Content="Assets/icon_dashboard.png" 
                    Style="{StaticResource ToolStyle}"
                    TargetName="ContentFrame"
                    NavigateUri="/Dashboard"
                    Height="50"
                />
                <TextBlock Text="Dashboard" HorizontalAlignment="Center" Height="20" Style="{StaticResource ComponentNameStyle}"/>

                <HyperlinkButton x:Name="ConfigurationButton"
                    Content="Assets/icon_dashboard.png" 
                    Style="{StaticResource ToolStyle}"
                    TargetName="ContentFrame"
                    NavigateUri="/CRSConfiguration"
                    Height="50"
                />
                <TextBlock Text="Configuration" HorizontalAlignment="Center" Height="20" Style="{StaticResource ComponentNameStyle}"/>
                    <HyperlinkButton x:Name="ScanEnginestionButton"
                    Content="Assets/icon_dashboard.png" 
                    Style="{StaticResource ToolStyle}"
                    TargetName="ContentFrame"
                    NavigateUri="/ScanEngines"
                    Height="50"
                />...

Answer 1

您需要有一个切换按钮并设置其IsChecked属性以在其视觉状态之间切换。您可以浏览此帖Using Toggle Button