【问题标题】:Template 10 : HamburgerButton Visibility Issue模板 10:HamburgerButton 可见性问题
【发布时间】:2017-02-16 15:50:09
【问题描述】:

我正在尝试为我的应用创建这样的用户界面

但是我得到了这个:

这是我的 Xaml 代码:

     <Controls:HamburgerMenu.PrimaryButtons >
            <!--  mainpage button  -->
            <Controls:HamburgerButtonInfo >            
          <Image Source="ms-appx:///Assets/Logo.jpg"/>
          </Controls:HamburgerButtonInfo>
        </Controls:HamburgerMenu.PrimaryButtons>
    </Controls:HamburgerMenu>

按钮仍然可见。还有什么方法可以删除徽标上出现的白色选定突出显示颜色。提前致谢。 还有这段代码:

             <controls:HamburgerMenu x:Name="Menu"
                HamburgerBackground="#FFD13438"
                HamburgerForeground="White"
                NavAreaBackground="#FF2B2B2B"
                NavButtonBackground="#FFD13438"
                SecondarySeparator="White"
                NavButtonForeground="White" />

Hamburger 面板没有变化。这是一个错误吗?

编辑:按钮是汉堡按钮,白色是这个:

【问题讨论】:

  • “按钮仍然可见”您在这里指的是哪个按钮?和“白色选择的突出显示颜色”在提供的图像中在哪里?另外,Logo.jpg 是倒三角形吗?请详细说明问题或提供最小可行问题应用程序,以便我们找出问题。

标签: c# xaml uwp template10


【解决方案1】:

好的,这将是一个很长的答案,但请耐心等待。


收拾东西

  1. 您的自定义汉堡包图标显示在右侧,因为您可能正在使用 T10 中的汉堡包模板,该模板有一个 shell.xaml 视图,用于显示应用的汉堡包行为。
  2. shell.xaml 替换当前窗口,每个PageFrame 都托管在shell.xaml 中。这样,您就可以在所有页面中拥有汉堡菜单,而无需在每个视图中添加新控件。如果这不是您的要求,我建议您使用Minimal Template,然后从T10 添加Hamburger Control,或者如果您想自己创建样板文件,请使用splitview
  3. 如果你想编辑汉堡图标的视图,你可以简单地去shell.xaml并添加编辑图标或任何方式的控件。

您的解决方案:

  1. 您可以从GitHub上提供的T10项目源代码中编辑汉堡包图标,使其看起来像三角形,然后使用资源字典或dll导入修改后的类。
  2. 为避免 TappedPointerPressedmouse Over 和其他人的汉堡包图标的突出显示和所有类似按钮的行为,请考虑在 VisualStates 下创建一种有助于您这样做的样式。李>

我的建议

与其去修改一个稳定的库,不如创建一个Minimal Template 项目,然后添加你自己的Splitview。话虽如此,您也可以从Hamburger Template 开始,在shell.xaml 中删除&lt;Controls:HamburgerMenu/&gt; 并将其替换为splitview。与从 GitHub 修改 T10 源代码甚至从最小模板开始并为自己创建样板文件相比,使用它会方便得多。如果您需要任何帮助,请随时在 cmets 部分提及。

对于按钮突出显示,您必须为其编辑样式。如需更多信息,请参阅This query here。并将其应用于汉堡菜单图标。请注意,目标可能是应用栏按钮而不是按钮。确保设置正确的targetType

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-07-19
    • 2012-06-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多