如何修改WinUI 3中BreadcrumbBar控件的字体（含Chevron大小）？

要实现Windows 11设置应用里的BreadcrumbBar效果，核心是让Chevron的字号和文本字号保持一致，以下是两种可行方案：

方案一：重写BreadcrumbBarItem的默认样式 #

1. 提取WinUI 3中BreadcrumbBarItem的默认样式（可通过Visual Studio的"编辑模板"功能或Blend获取）
2. 在样式模板中找到Chevron对应的元素（通常是FontIcon或SymbolIcon，命名为ChevronIcon）
3. 将其FontSize绑定到文本内容的FontSize，或者直接使用系统主题字体大小资源，示例代码片段：

<Style TargetType="BreadcrumbBarItem">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="BreadcrumbBarItem">
                <Grid x:Name="LayoutRoot" Height="40">
                    <VisualStateManager.VisualStateGroups>
                        <!-- 省略默认视觉状态代码 -->
                    </VisualStateManager.VisualStateGroups>
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Spacing="8">
                        <ContentPresenter x:Name="ContentPresenter"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          FontSize="{ThemeResource BodyTextFontSize}"
                                          Foreground="{TemplateBinding Foreground}"/>
                        <FontIcon x:Name="ChevronIcon"
                                  Glyph="&#xE0B3;"
                                  FontSize="{Binding ElementName=ContentPresenter, Path=FontSize}"
                                  Foreground="{ThemeResource BreadcrumbBarItemChevronForeground}"
                                  Margin="0 2 0 0"/>
                    </StackPanel>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这里通过绑定ContentPresenter的FontSize，让Chevron自动跟随文本字号变化；也可以直接设置FontSize="{ThemeResource BodyTextFontSize}"，和系统设置应用的字体保持一致。

方案二：自定义ItemTemplate并控制Chevron显示 #

如果已经自定义了BreadcrumbBar的ItemTemplate，可以直接在模板里添加Chevron并设置字号，同时注意隐藏最后一项的Chevron：

1. 自定义ItemTemplate，包含文本和Chevron元素
2. 使用DataTrigger判断当前项是否为最后一项，动态隐藏Chevron
   示例代码：

<BreadcrumbBar ItemsSource="{Binding BreadcrumbItems}">
    <BreadcrumbBar.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" Spacing="8">
                <TextBlock Text="{Binding}" FontSize="{ThemeResource BodyTextFontSize}"/>
                <SymbolIcon x:Name="Chevron"
                            Symbol="ChevronRight"
                            FontSize="{ThemeResource BodyTextFontSize}"
                            Margin="0 2 0 0"/>
            </StackPanel>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding IsLastItem, RelativeSource={RelativeSource Mode=TemplatedParent}}" Value="True">
                    <Setter TargetName="Chevron" Property="Visibility" Value="Collapsed"/>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </BreadcrumbBar.ItemTemplate>
</BreadcrumbBar>

这种方式更灵活，完全自定义每一项的布局，确保Chevron字号和文本一致。

内容的提问来源于stack exchange，提问作者Elijah Wasson