模板10:HamburgerButton可见性问题

时间:2017-02-12 16:44:41

标签: c# xaml uwp template10

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

Expected Hamburger Ui

但相反,我得到了这个:

Getting this

这是我的Xaml代码:

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

该按钮仍然可见。还有任何方法可以删除Logo上出现的白色选择的高亮颜色。提前谢谢。 还有这段代码:

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

汉堡面板没有改变。这是一个错误吗?

编辑:按钮是汉堡包按钮,白色是这个: enter image description here

1 个答案:

答案 0 :(得分:0)

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

清除事物

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

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

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

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