Question

如何更改CommandBar的宽度？我想在移动模式下使用桌面模式的大小。

桌面模式： image

移动模式：image

修改这是我的代码，我不使用Flyout。

<CommandBar RelativePanel.AlignRightWithPanel="True" RelativePanel.AlignVerticalCenterWithPanel="True" Margin="0">
  <CommandBar.SecondaryCommands>
    <AppBarButton Name="shareButton" Label="Condividi" x:Uid="condividi" Click="shareButton_Click" Icon="ReShare" Style="{StaticResource AppBarButtonStyle1}" />
    <AppBarButton Name="contactButton" Icon="Contact" x:Uid="contatti" Label="Contatti" Click="contactButton_Click" Style="{StaticResource AppBarButtonStyle1}" />
  </CommandBar.SecondaryCommands>

Answer 1

问题不在于命令栏。你需要在Flyout中检查你的xaml，在Flyout中设置你项目右边的水平对齐

Answer 2

默认溢出菜单的样式与栏不同。您可以通过将CommandBarOverflowPresenterStyle属性设置为定位CommandBarOverflowPresenter的样式来调整样式。默认情况下，溢出菜单会根据窗口宽度调整其大小和视觉效果，以便在小窗口/屏幕上将其拉伸为整个宽度，并且仅显示沿前缘而不是整个菜单的边框。您可以通过重新模板化菜单来覆盖它。在下面的示例中，我删除了一些改变BorderThickness的视觉状态，并且我对MaxWidth / MinWidth以及HorizontalAlignment进行了硬编码（以防止它在较小的窗口上被拉伸）。 / p>

angular.copy(BaseModel, this)

宽度CommandBar（UWP）

2 个答案: