windows 8 metro app设计用于多种分辨率

Question

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

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

但是，当我切换到其他分辨率状态时，按钮（图像）会失真，例如歪斜，缩放，看起来很讨厌。

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

Answer 1

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

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

希望有所帮助。

Answer 2

重新设计整个设计项目。

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