Как изменить изображение HyperlinkButtons в соответствии со страницей, которая отображается в данный момент

Question

У меня есть куча (в настоящее время) кнопок гиперссылки на моей главной веб-странице. Я хочу иметь 2 варианта для изображения каждой кнопки: выбранный и невыбранный. Таким образом, когда пользователь заходит на страницу, соответствующая кнопка изменится на «выбранное» изображение. Вот изображение того, чего я хочу достичь:

Это кажется мне чем-то тривиальным, но до сих пор я врезался в каменную стену. Я бы предпочел сделать все из 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 для переключения между ее визуальными состояниями. Вы можете пройти этот пост Использование кнопки переключения