xaml - 如何制作通用 Windows 应用程序响应式 UI,如新闻应用程序

标签 xaml navigation win-universal-app

我想制作一个类似于 Windows 10 中新闻和邮件应用程序中使用的响应式 UI 设计。这很难解释,让我们看一下屏幕截图。

enter image description here

在“兴趣”页面中,如果我像在移动设备中一样调整窗口大小,它只会显示页面的左侧部分。

enter image description here

点击“我的兴趣”后

它显示页面的右侧部分。

enter image description here

如果我想回去,就按照这条路线走。但它实际上只是一页,有两个不同的部分。

我想做类似这种方法。有这样的模板吗?或者我可以轻松制作吗?

最佳答案

巴特给出的答案是正确的,因为需要技术来实现这一点。 但是有一个可用的模板/示例,称为“主 - 详细信息”布局,可以满足您的需要。

一般用途,如果有足够的空间,在左侧显示列表,在右侧显示列表中所选项目的详细信息。如果屏幕太小,则在一页上显示列表,在下一页上显示所选项目的详细信息。

请参阅此处的代码引用:https://github.com/Microsoft/Windows-universal-samples/tree/master/Samples/XamlMasterDetail

这里的设计引用:https://msdn.microsoft.com/en-us/library/windows/apps/dn997765.aspx

关于xaml - 如何制作通用 Windows 应用程序响应式 UI,如新闻应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34508521/

相关文章:

c# - 如何在 xaml 中的复选框对象上禁用破折号 + 等号?

c# - 调整 WPF TreeView 的下拉箭头边距

visual-studio-2015 - Windows 10 应用程序无法在 Visual Studio 2015 RTM 上加载

c# - Resharper 不适用于通用应用程序项目

wpf - 依赖属性来填充列表或数组

c# - 一个窗口中的 WPF 应用程序

c# - 在WPF MVVM中从一个 View 导航到另一个 View

Delphi在应用程序中获取 'Ctrl Tab'和 'Ctrl Shift Tab'

css - 在 Bootstrap 的主菜单中添加搜索栏

c# - Windows 通用项目不支持数据类型 "AnyName"(x :DataType for DataTemplate)