UWP TabView 重复按钮

Question

我在 TabView 中的 RepeatButton 有问题，我不知道如何调整它的大小，以便它们的高度与相邻元素一样

<controls:TabView 
        Width="400"
        AddTabButtonClick="TabView_AddTabButtonClick" 
        TabCloseRequested="TabView_TabCloseRequested" 
        Loaded="TabView_Loaded">

        <controls:TabView.TabItems>
            <controls:TabViewItem Header="Something" Height="50"/>

            <controls:TabViewItem Header="Something"/>

            <controls:TabViewItem Header="Something"/>

            <controls:TabViewItem Header="Something"/>

            <controls:TabViewItem Header="Something"/>

            <controls:TabViewItem Header="Something"/>

            <controls:TabViewItem Header="Something"/>

            <controls:TabViewItem Header="Something"/>
            <controls:TabViewItem Header="Something"/>

        </controls:TabView.TabItems>

我发现了一个类似的问题，但是还是不明白怎么解决UWP TabView scroll button

如何设置重复按钮的大小？

Answer 1

如果你想设置RepeatButton 和TabView 的Height，你可以使用TabView 的样式。打开TabView的样式document，可以看到Style中的两个RepeatButtons名为TabScrollViewerStyle。

请检查以下步骤：

1. 打开文档大纲面板，右键单击您的TabView并选择编辑模板>编辑副本。然后您的TabView 将自动应用复制的样式。
2. 将代码从line 99复制到复制样式下方的line 229。
3. 将ResourceDictionary 的必要 xmlns（contract4Present、primitives、contract7NotPresent、contract7Present、primitiveContract7Present 等）复制到 xaml 文件的 Page 元素中
4. 找到两个RepeatButtons并将Height属性的值设置为50。
5. 构建您的项目。