问题标签 [splitview]

我正在使用 Visual Studio 2015 并学习制作 UWP 应用程序。我想做汉堡风格的导航，但即使单击汉堡按钮后拆分视图也没有打开，也没有显示任何错误。我还在汉堡按钮上添加了事件处理程序。正在发生的另一个问题是，图像（正在正确显示）略微向右和底部移动。

后面的代码：

我的页面：

我正在使用 Visual Studio 2015 并尝试制作汉堡样式导航...但是 splitview 窗格的项目会自动获得边距，并且没有正确堆叠在汉堡按钮下方 [查看附图]。我希望它们正确堆叠在网格最左侧的汉堡按钮下方。我想使用列表框，以便当用户导航到不同的页面时，它仍然被选中/突出显示，所以我无法删除它。我附上了 MainPage.xaml 代码和我使用的样式的代码。希望你能帮助..谢谢！

我有一个SplitView：

我也VisualStateManager用来调整SplitView基于应用程序窗口大小：（示例）

到目前为止，一切正常，但是当上面的触发器和下面的状态被激活时，我遇到了意外的结果。

我似乎无法找到检测事件的方法，以便我ViewModel知道SplitView窗格焦点何时丢失。现在按设计的覆盖显示，直到用户单击视图（按设计），但我想知道，什么时候SplitView覆盖折叠，以便我可以将其他绑定事件添加到我的HamburgerMenu.

从我所经历的情况来看，它似乎VisualStateManager不会更新/更改我的绑定

关于我如何发现叠加层是否/何时消失/关闭的任何想法？

我唯一能想到的就是创建发现Window大小的方法，然后确定SplitView是否应该是Inline/ Compact/ Overlay..这是可行的，但会导致很多潜在的组合。

关于如何检测或SplitView告诉我是否Overlay是Collapsed用户单击外部控件的任何想法或想法SplitView？

我目前正在开发实现 SplitView 的 UWP，因此我可以使用汉堡菜单。我还在使用 DeviceFamily 视图，以便为桌面和移动设备创建量身定制的体验。但是，我无法在任一设备上打开拆分视图。我可以在手机上将其设置为打开，然后使用按钮将其关闭，但它不会重新打开。

这是桌面的 XAML（现在只是粗略）：

页面后面的代码虽然很简单：

出于我的应用程序的目的，我需要在从 Internet 获取某些内容时了解所有可能的屏幕尺寸。事实证明，为 iPad 拆分视图/滑过模式定义屏幕宽度非常困难。Fe：iPad Air 2 在滑动时具有 320px 应用程序的窗口宽度，但 iPad Pro - 在相同模式下为 375px。这绝对不是苹果声称的全宽的 33%。谢谢。

老实说，我在某种程度上很难使用 MVVM。更准确地说，我很难在 MVVM 中创建/更改页面。

这是我的 MainPage 包含我的 SplitView：

对于内容，我有点迷路了。选择另一个 ListBox.Item 时如何显示视图？我知道我需要一个框架，并且视图必须在该框架内，但我在这方面需要一些帮助，因为我被困在这里。（或通常在 MVVM 中使用视图）。

我在 MainPage 中有一个拆分视图，其窗格和内容定义为

窗格框架包含一个具有 PageListView 的页面。单击列表视图中的项目时，我希望更新内容框架。

在列表视图页面的声明中，我有一个名为 ItemChangedEventHandler 的委托事件处理程序。当单击列表视图项时，我调用 EventHandler，然后它会通知所有订阅该事件的对象。

我的问题是我没有对窗格页面的引用。有没有办法实例化一个页面，然后将其传递给 Navigate 方法？如果我可以在导航到它之前对其进行实例化，那么我可以引用 PageListView.ItemChanged ，它不会像下面的代码中那样为空，并添加事件处理程序就可以了。我不知道该怎么做。任何建议都会很棒。

页面列表视图

主页

是否可以从框架导航到父元素？为了让我的回答更清楚一点。

我有一个带有 2 帧的 SplitView 帧 1 是菜单 帧 2 是内容 当单击 menuitem 帧 2 时将重新加载新内容。

在第 1 帧中，我有菜单项（可点击）和一个 ListViewItem，它是我的应用程序文本，如果我的窗格处于紧凑模式，我想隐藏文本。

我试过：

• { 绑定 IsPaneOpen，ElementName=RootSplitView，Converter=...}
• { 绑定元素名称=RootSplitView，路径=IsPaneOpen，转换器=...}
• { 绑定 IsPaneOpen，RelativeSource={RelativeSource TemplatedParent}，ElementName=RootSplitView，Converter=...}

在所有情况下，我都会看到选项 IsElementBinded = false。

使用：MvvmCross，Xamarin

任何人的解决方案/想法？

更新 我试过这个：

在我的主页上，我有一个带有两个按钮的拆分视图。按钮导航到其他页面。其他页面不包含拆分视图。如何在不重复代码的情况下在所有页面之间共享 splitview？以便在每个页面上都可以使用拆分视图。

MainPage.xaml：

MainPage.xaml.cs：

我有一个旧的 jQuery Mobile Splitview 应用程序，需要隐藏左侧的菜单。

更新：在 localhost 的 Chrome 视图应用程序中输入检查菜单以查看电话视图：它的登录页面正常，显示的内容和菜单正确折叠。直到我登录或单击菜单进入任何子菜单。菜单不见了，我必须使用手机后退或前进。

我的问题是

1. 如何隐藏左侧菜单（如果仍在使用拆分视图）？

2. 或者有什么可以替代它的，因为jQuery Mobile Splitview已经 5 年没有活动了。似乎已经没有其他人的支持了。

   登陆页面的图片在 localhost 视图中通过 Chrome 看起来不错。

但是当上传到 heroku 时，它只显示菜单，直到我们点击主页。

下面我相信是关于这个问题的代码。