Шаблон 10: Проблема видимости HamburgerButton

Я пытаюсь создать такой интерфейс для своего приложения

Ожидаемый гамбургер Ui

Но вместо этого я получаю это:

Получать это

Вот мой код 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" />

Панель Гамбургера не меняется. Это ошибка?

Редактировать: кнопка - кнопка гамбургера, и белый цвет - это: введите описание изображения здесь

1 ответ

Хорошо, это будет длинный ответ, но потерпите меня.


Получать вещи очищены

  1. ваш значок гамбургера появляется справа, потому что вы можете использовать шаблон гамбургера в T10 который имеет shell.xaml посмотреть на поведение гамбургера приложения.
  2. shell.xaml заменяет текущее окно и каждый Page или же Frame размещен в shell.xaml, Таким образом, вы сможете иметь меню гамбургеров на всех своих страницах, не добавляя новый элемент управления в каждом представлении. Если это не ваше требование, я бы посоветовал вам использовать Minimal Template а затем добавить Hamburger Control от T10 или использовать splitview если вы хотите создать шаблонный материал для себя.
  3. Если вы хотите изменить вид значка гамбургера, вы можете просто перейти к shell.xaml и добавить редактировать значок или элемент управления любым способом.

Ваше решение:

  1. Вы можете редактировать значок гамбургера из T10 исходный код проекта предоставлен на GitHub, чтобы он выглядел как треугольник, а затем импортируйте измененный класс с помощью Resource Dictionary или dll.
  2. Чтобы избежать выделения и все кнопки, как поведение значка гамбургера на Tapped, PointerPressed, mouse Over и другие, подумайте о создании стиля, который поможет вам сделать это под его VisualStates,

Что бы я посоветовал

Вместо того, чтобы идти и изменять стабильную библиотеку, а почему бы вам не создать Minimal Template проект, а затем добавить свой собственный Splitview, При этом, вы также можете начать с Hamburger Template и в shell.xaml вы удаляете <Controls:HamburgerMenu/> и заменить его на splitview вместо. С этим было бы гораздо удобнее работать по сравнению с изменением вашего T10 исходный код из GitHub или даже начиная с минимального шаблона и создавая материал для себя. Если вам нужна помощь, не стесняйтесь упоминать в разделе комментариев.

Для подсветки кнопки вам нужно будет отредактировать стиль для нее. Для получения дополнительной информации обратитесь, этот запрос здесь. и примените это к значку меню гамбургера. Обратите внимание, что целью может быть кнопка панели приложения вместо кнопки. убедитесь, что вы установили правильный targetType

Другие вопросы по тегам