xaml - Windows 8 Metro 应用程序设计多分辨率

Question

我正在设计一个简单的音乐应用程序，用户可以在其中演奏乐器，即鼓，而我面临的问题是分辨率。

鼓是图像，我已将它们转换为按钮。在我设计的状态下，一切看起来都很棒。

但是，当我切换到其他分辨率状态时，按钮（图像）会变形，例如歪斜、缩放，并且看起来很糟糕。

我曾尝试通过选择“启用状态记录”来设计或排列它们，但没有保存该状态的特定设计。

Answer 1

您是否尝试过这里讨论的方法？http://msdn.microsoft.com/en-us/library/windows/apps/hh465362.aspx 对于实际的按钮大小，请确保您没有使用像素值来固定宽度/高度。使用 * 加权行和列来布局您的网格，并让按钮自动调整大小以填充网格中的给定单元格。然后根据文章匹配适当的图像资源。

网格非常适合划分可用空间，但它们无法解释纵横比的变化。如果您的项目仍设置为拉伸（或填充），那么它们最终可能会超出纵横比。另一种选择是将整个布局设计为固定大小（例如 1024 x 768 或 1366 x 768）并将整个布局包裹在 ViewBox 中。ViewBox 将平等地缩放所有元素并保持纵横比，必要时在侧面/顶部和底部添加信箱（或空白空间）。对于架子鼓来说，这可能是更好的方法。

希望有帮助。

Answer 2

重新设计了整个项目。

这一次，我把图像放在一个特定的网格中，这让事情变得更好了。:)