【问题标题】:UWP - CommandBar : more button is "hidden"UWP - CommandBar:更多按钮被“隐藏”
【发布时间】:2016-07-19 12:25:13
【问题描述】:

我对命令栏有疑问: 我使用 template10,所以我的 CommandBar 位于页面底部的网格中。我将属性 ClosedDisplayMode 设置为 Minimal。但是网格默认情况下有一个 Visibility=Collapsed 。 当我将网格可见性切换为可见时,命令栏出现但更多按钮不可见,命令栏为空。但是,更多按钮在这里,因为我可以单击它。当我至少点击一次时,按钮的内容(“...”)就会出现。 我希望这很清楚......

编辑 2

这是重现问题的方法:

1 - 创建新的空白通用应用项目(无模板10)

2 - 将 MainPage.xaml 中的 XAML 代码替换为以下内容:

<Page
x:Class="BlankAppBarMoreButtonHidden.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:BlankAppBarMoreButtonHidden"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <Button Content="Show app bar"
            x:Name="btnShowAppBar"
            Click="btnShowAppBar_Click"/>

    <Grid Grid.Row="1"
          x:Name="appBar"
          Visibility="Collapsed">
        <CommandBar ClosedDisplayMode="Minimal">
            <CommandBar.SecondaryCommands>
                <AppBarButton Label="Commande 1"/>
                <AppBarButton Label="Commande 2"/>
            </CommandBar.SecondaryCommands>
        </CommandBar>
    </Grid>
</Grid>

3 - 在后面的代码中添加事件实现:

private void btnShowAppBar_Click(object sender, RoutedEventArgs e)
{
    appBar.Visibility = Visibility.Visible;
}

4 - 最后,运行项目。并按下按钮。命令栏出现,但更多按钮不可见。然而你点击它(点击它在页面右下角的预期位置),此时,内容出现了。

【问题讨论】:

  • 为什么在 Grid 中需要 CommandBar?默认情况下,命令栏将位于顶部或底部。
  • 我做了一个基本的演示,但没有重现你的问题。你能发布一些关于你的项目的代码吗?
  • @AVKNaidu 使用template10的汉堡包模板,当您将命令栏放在“Page.BottomAppBar”中时,导航区域的底部被命令栏隐藏了。
  • @ElvisXia-MSFT 我将部分代码发布为编辑。在我这边,我将尝试在空白项目中重现问题
  • @ElvisXia-MSFT 好的,所以我用在空白通用应用程序中重现问题的方式替换了我之前的编辑

标签: uwp template10 commandbar


【解决方案1】:

我根据您的代码制作了一个演示,并在我的 Windows 10 PC(内部版本 10586)上重现了该问题。

然后我在另一台装有 Windows 10 Insider Preview build 14388 的 PC 上再次对其进行了测试。事实证明,此问题已在 Insider Preview build 14388 上得到解决。

欢迎您加入Windows Insider Program 并向我们提供反馈,以帮助我们改进。

【讨论】:

  • 感谢猫王,这是个好消息。但我使用手机加入了 Windows 预览体验计划(就在迁移到 Windows 10 移动版之前)。今天我的配置是: OS : 10.0.10586.494 Microprogram: 02540.00019.15236.45008 我还是有这个问题
  • 是的,我也可以在 OS:10.0.10586 上重现此问题。但 10.0.10586 是比 OS 更低的版本:10.0.14388。并且在 10.0.14388 上不会出现此问题。所以,我的意思是,如果您将操作系统更新到 Insider Preview Build 14388 或其他更高版本,这个问题就会消失。
  • 注意:加入 Windows Insider 计划后,最新操作系统更新的通知会延迟几天。
  • 好的,感谢您的帮助。我们可以认为这个问题已解决:)
猜你喜欢
  • 2018-03-14
  • 1970-01-01
  • 2020-11-03
  • 1970-01-01
  • 1970-01-01
  • 2021-11-27
  • 2019-05-21
  • 2011-12-28
  • 1970-01-01
相关资源
最近更新 更多