两种纵横比（4:3 和 16:9）的两种布局 - 自动更改

Posted 2023-02-19

【中文标题】两种纵横比（4:3 和 16:9）的两种布局 - 自动更改

【英文标题】：Two layouts for two aspect ratios (4:3 and 16:9) - changing automatically

【发布时间】：2012-11-30 08:39:54

【问题描述】：

在the Microsoft scale guidelines 后面有一段写着：

在设计固定布局时，首先要针对基线分辨率设计布局：1024x768 和 1366x768。

对此我有以下问题：

是否可以为两个纵横比定义两个固定布局（两者都与ViewBox 一起使用以缩放到该纵横比的每个分辨率），以便它们可以根据屏幕的纵横比自动更改？也许在填充模式和全屏模式之间改变也会改变纵横比？

【参考方案1】：

Project Templates 附带 LayoutAwarePage，它提供可视状态，您可以使用它来根据 ApplicationView（填充、对齐等）更改布局。如果需要，您可以在其中扩展该行为，覆盖 InvalidateVisualState。

【讨论】：

在哪里可以找到 LayoutAwarePage（在博客中我看到它通常位于 Common 文件夹中，但我没有）。另外，我的想法是也支持像 1024 x 768 这样的分辨率。

在网格应用模板中

我没有使用网格应用程序模板。我从一个空的应用程序开始，我没有使用响应式布局（实际上这就是为什么我至少需要两个布局来实现这两个比率）