将导航箭头添加到菜单

Question

我希望在我的系统中实现以下箭头设计，其中箭头位于所选项目上。

目前我已经将菜单实现为 ​​ListBox 并且行为正确，减去了箭头。 实现这种行为的最佳方法是什么？

目前，我已经编辑了 ItemsControl 并添加了一个箭头，但它在边框内，而不是在边框外，如下所示：

<ControlTemplate TargetType="{x:Type ListBoxItem}">
                    <Grid>
                        <Border Name="Border">
                            <ContentPresenter Content="{TemplateBinding Content}" />
                        </Border>
                        <Path Name="SelectedArrow" Data="{StaticResource RightArrow}" Width="10" Height="20" Stretch="Fill" Fill="White" HorizontalAlignment="Right" Visibility="Collapsed" />
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="true">
                            <Setter TargetName="SelectedArrow" Property="Visibility" Value="Visible" />
                        </Trigger>
                    </ControlTemplate.Triggers>

Answer 1

覆盖它的 ItemTemplate 以包含一个箭头并将其可见性设置在可以检查 IsSelected 条件的触发器上。