如何在 UWP 中将 SplitView 放置在 phone 的 header 中？

Question

我在桌面应用程序中使用 SplitView。它工作正常。现在，我想在 phone 和 Windows 10 中使用它。由于 phone 的小屏幕，我想避免永久垂直面板。我想隐藏此栏，例如 Windows Mobile 10 does.Is 的日历应用程序可能吗？我找不到 属性.

Answer 1

您可以保留设备类型枚举以跟踪设备，即它是 phone 还是像这样的平板电脑

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

您可以使用以下代码

识别它是平板电脑还是phone

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

现在使用设备类型 属性，您可以做任何适用于 phone 和平板电脑的事情。

在你的情况下，你可以编写一个枚举到可见性转换器，如果设备类型是平板电脑，它是可见的。

Answer 2

只需将 DisplayMode 属性 设置为 "Overlay"。

DisplayMode="Overlay"

Answer 3

刚刚创建了一个示例项目供其他人在移动和桌面上执行 SplitView 时遵循：https://github.com/nicruo/Splitview-UWP