Question

我希望在其属性“ClosedDisplayMode”设置为“Compact”时增加命令栏的高度。我甚至通过编辑默认样式来尝试它，但我无法解决它。请帮助我。I have added the image of the commandbar to resize

Answer 1

你的问题和它的标题是两个不同的东西，如果你想增加命令栏的高度，那么按照：

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

如上一个答案所示，但如果您只想在应用程序处于紧凑模式时增加命令栏的高度，那么您将不得不使用如下所示的可视状态：

<VisualStateManager.VisualStateGroups>
        <VisualStateGroup>
            <VisualState x:Name="Normal">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="900"/>
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Value="40" Target="{Themeresource AppBarThemeCompactHeight}"/>
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Mobile">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="0"/>
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Value="80" Target="{Themeresource AppBarThemeCompactHeight}"/>
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

Answer 2

在App.xaml页面中添加以下资源

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

现在高度会增加。默认高度为48，您可以根据需要进行更改

如何在UWP应用程序中以紧凑模式增加命令栏高度？

2 个答案: