Шаблон 10: Использование MasterDetail вместе с шаблоном Hamburger

Question

Я использую шаблон 10 для разработки приложения UWP, и я использую шаблон гамбургера, поэтому, когда пользователь нажимает на определенную категорию, я хотел бы перейти к нему в список событий в мастер-деталь, где слева находится полный список событий в этой категории и по выбранным данным о выбранном событии. Имеется образец, который его трудно понять, и не нужно k теперь, как использовать образец в моем приложении вместе с навигацией гамбургера . Кроме того, в качестве дополнительной функции, если пользователь нажимает на определенную категорию, панель гамбургера должна скрывать, а masterdetail вид события должен наступить. И когда пользователь нажимает кнопку «Назад», панель должна появиться снова с этой страницей.

Если бы кто-нибудь мог мне помочь, это было бы очень полезно. Спасибо заранее.

Answer 1

В репозитории имеется очень подробный образец. Всего у него 2 примера. 1 элемент управления, разработанный членом сообщества. Другой - это дизайн, основанный на использовании базового XAML с визуальными состояниями наряду с чувствительными триггерами для определения размера экрана.

Я реализовал вариант ответа non-usercontrol, и он работает очень хорошо. Другой сценарий, основанный на управлении, имеет некоторые хорошие функции и часто обновляется для добавления функций и исправлений.

Master Detail Sample

Answer 2

Я думаю, что вы могли бы искать здесь немного проще вещь, которую мы можем дать вам. Мастер/Деталь, конечно же, не расщепляют атом. Говоря это, это не просто перетаскивание. Вам нужно будет взглянуть на образец. Попробуйте воспроизвести его точно в пустой проект. Это отличный ресурс, но вы не можете использовать столько, сколько образец для вас. Мне, конечно, хотелось бы, чтобы у меня был более простой ответ для вас, но это потребует немного усилий на вашей стороне, чтобы понять механику и реализовать ее. В конце концов, как только вы пройдете этот момент «ах-ха», я думаю, вы оглянетесь и поймете, что это проще, чем вы думали. Но пока вы не поймете, как он работает на фундаментальном уровне, он просто будет вас путать. Я согласен с @mvermef в том, что визуально-государственный подход (основной подход) является самым простым и использует навыки, которые вы хотите изучить для будущего развития. Но, с этой целью, примите во внимание, что в этом образце есть два подхода. Один использует состояния представления, а другой использует пользовательский элемент управления. Если бы я был вами, не выбирайте второй подход. Первый подход будет легко понят, прост в реализации и чудесно полезен для понимания других вещей позже в будущем.