在XAML UWP中更改底部AppBar的高度

Question

有没有办法降低XAML UWP中底部AppBar的高度？我有以下XAML代码：

<Page.BottomAppBar>
    <CommandBar Height="35">
        <CommandBar.SecondaryCommands>
            <AppBarButton Label="Share"/>
            <AppBarButton Label="Settings"/>
            <AppBarButton Label="Settings"/>
            <AppBarButton Label="Settings"/>
            <AppBarButton Label="Settings"/>
            <AppBarButton Label="Settings"/>
            <AppBarButton Label="Settings"/>
        </CommandBar.SecondaryCommands>
    </CommandBar>
</Page.BottomAppBar>

问题是，当我将高度设置为35或低于50时，我会在底部AppBar上方看到一个额外的空白区域。如果我使用黑色或蓝色作为背景颜色，则该空白区域呈现白色

Answer 1

解决此问题的最简单方法是覆盖App.xaml.cs文件中的相应主题资源。

<Application
    x:Class="MyApp.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:MyApp"
    RequestedTheme="Light">

    <Application.Resources>
        <x:Double x:Key="AppBarThemeCompactHeight">35</x:Double>
    </Application.Resources>
</Application>

我找到这个预定义资源的方式是，首先我搜索了CommandBar的默认Style，然后我基本上只是通过并找到了与高度相关的< /强>