Как разместить SplitView в шапке телефона в UWP?

Я использую SplitView в настольном приложении. Это работает нормально. Теперь я хочу использовать его в телефоне с Windows 10. Я хочу избежать постоянной вертикальной панели из-за маленького экрана телефона. Я хотел бы скрыть эту панель, как это делает, например, приложение «Календарь» в Windows Mobile 10. Возможно ли это? Я не могу найти недвижимость.


person kokokok    schedule 03.08.2015    source источник


Ответы (3)


Просто установите для свойства DisplayMode значение «Наложение».

DisplayMode="Overlay"

person tao    schedule 03.08.2015

Вы можете сохранить перечисление типов устройств, чтобы отслеживать устройства, т.е. будь то телефон или планшет, как это

public enum DeviceTypeEnum
{
    Phone = 1,
    Tablet = 2
} 

Вы можете определить, является ли это планшетом или телефоном, используя следующий код

var  deviceType = ApiInformation.IsTypePresent("Windows.Phone.UI.Input.HardwareButtons") ? DeviceTypeEnum.Phone : DeviceTypeEnum.Tablet; 

Теперь, используя свойство devicetype, вы можете делать все, что применимо к телефону и планшету.

В вашем случае вы можете написать конвертер перечисления в видимость, который будет виден, если тип устройства - планшет.

person Joseph    schedule 03.08.2015
comment
Прошу прощения, возможно вопрос был не ясен. Я пытаюсь показать только кнопку гамбургера на телефонных устройствах без вертикальной полосы со всеми другими элементами управления. Если пользователь нажмет на нее, то он покажет меню. Как приложение «Календарь» в Windows 10. - person kokokok; 03.08.2015

Только что создал пример проекта, чтобы другие могли следовать ему при выполнении SplitView как на мобильных устройствах, так и на настольных компьютерах: https://github.com/nicruo/Splitview-UWP

person nicruo    schedule 20.08.2015