修改 UWP TabView 上方的边距
Modify margins above a UWP TabView
我正在尝试修改 TabView 控件中选项卡上方的边距,请参阅此处的红色小箭头:
我认为此边距已设置 here(其匹配的偏移量),但我尝试通过设置器修改此值的尝试并未成功。我该如何更改它?
编辑:Looks like修改方法可能会改变。
请检查以下步骤作为示例:
- 打开 文档大纲 窗格并找到您的
TabView
控件。
- 右击
TabView
控件,select选项编辑模板>编辑副本,然后[=10=的默认样式] 控件将被应用。
- 在添加的默认样式中找到名为
TabListView
的TabViewListView
控件
- 添加
Margin
属性,像这样:Margin="0,10,0,0"
如果需要设置添加按钮的Margin
,可以在样式中添加AddButton
控件的Margin
属性
您要修改的 padding/margin 由轻量级样式资源“TabViewHeaderPadding”控制,用您想要的值覆盖它会根据需要更改边距。跟随 XAML 将显示以下结果:
<muxc:TabView>
<muxc:TabView.Resources>
<Thickness x:Key="TabViewHeaderPadding">0,20,0,0</Thickness>
</muxc:TabView.Resources>
</muxc:TabView>
我正在尝试修改 TabView 控件中选项卡上方的边距,请参阅此处的红色小箭头:
我认为此边距已设置 here(其匹配的偏移量),但我尝试通过设置器修改此值的尝试并未成功。我该如何更改它?
编辑:Looks like修改方法可能会改变。
请检查以下步骤作为示例:
- 打开 文档大纲 窗格并找到您的
TabView
控件。 - 右击
TabView
控件,select选项编辑模板>编辑副本,然后[=10=的默认样式] 控件将被应用。 - 在添加的默认样式中找到名为
TabListView
的TabViewListView
控件 - 添加
Margin
属性,像这样:Margin="0,10,0,0"
如果需要设置添加按钮的Margin
,可以在样式中添加AddButton
控件的Margin
属性
您要修改的 padding/margin 由轻量级样式资源“TabViewHeaderPadding”控制,用您想要的值覆盖它会根据需要更改边距。跟随 XAML 将显示以下结果:
<muxc:TabView>
<muxc:TabView.Resources>
<Thickness x:Key="TabViewHeaderPadding">0,20,0,0</Thickness>
</muxc:TabView.Resources>
</muxc:TabView>