UWP - 根据屏幕大小导航到页面

时间:2016-05-12 05:08:36

标签: win-universal-app visualstatemanager uwp-xaml

我有一个Windows 8.1应用程序,我试图转换为W10通用平台。在8.1版本的应用程序中,我有一个页面,其中显示了具有一些预览的项目列表。当点击/点击列表中的任何项目时,我会导航到该项目的详细信息页面(请注意,详细信息是单独的页面而不是控件)。现在,在UWP中,我希望不同屏幕尺寸的行为不同。对于手机,我仍然希望保留8.1行为。但对于平板电脑和台式机,我想在屏幕右侧显示细节(无需导航)。我知道如果细节是一个控件,我可以使用Visual State Manager根据屏幕大小调整细节控件的位置。但由于它是一个单独的页面(我已经有了8.1的代码,所以想重用它),有什么方法可以根据屏幕大小在UWP中做到这一点?或者唯一的方法是将详细信息页面转换为用户控件并使用Visual State Manager进行操作?

1 个答案:

答案 0 :(得分:2)

这可能不是直接的答案,但可以帮助您提供更多选择。

您可以选择执行设备系列布局。这是更多的工作,因为你将复制更多的xaml,但它让你可以自由地完全取代从移动设备到桌面到Xbox等的视图。

基本上,有3种方法可以做到这一点: http://igrali.com/2015/08/02/three-ways-to-set-specific-devicefamily-xaml-views-in-uwp/