如何调整每个分辨率和屏幕尺寸的xaml页面？

Question

我正在开发一个Windows 8.1商店应用程序。默认的Windows商店应用程序生成的页面有10.6＆＃34;屏幕大小和1366 * 768分辨率。我希望我的每个xaml页面适合所有屏幕尺寸和分辨率。我通过使用Viewbox解决了这个问题，但只有一个页面没有按预期运行。我这样做：{{1} }

网格没有占据整个页面的宽度，但Viewbox正在使用。请帮助。

Answer 1

默认情况下，ViewBox将Stretch Uniform维持其内容的宽高比。如果要将其拉伸以填充整个页面，可以将其“拉伸”属性设置为“填充”。

你没有在你的代码片段中包含Grid的内容，所以你不清楚你在那里有什么知道它会如何延伸。由于它伸展以垂直填充而不是水平填充，我希望你的内容比它们的宽度更高。

正如Chris W在评论中指出的那样，ViewBox可能不是你想要的。通常，您最好使用灵活的布局控件（如Grid）。如果删除ViewBox，则网格（假设它位于页面的根目录中）将扩展为完整的窗口大小。使用相对行和列大小（与您一样）而不是硬编码大小，布局应根据页面大小进行调整。

对于肖像与横向与瘦的极端差异，您可能希望使用可视状态为相同内容提供不同的布局。 MSDN＆＃39; s Quickstart: Designing apps for different window sizes详细介绍了如何执行此操作。