window - 如何为设备独立像素 (DIP) 构建 Windows 应用商店应用

Question

我正在构建 Windows 应用商店应用程序。我正在使用 Windows 8 和 WPF 以及 Visual Studio .net 2012。

此应用程序的 UI 应可扩展到不同的屏幕。我创建了一个页面，当在分辨率为 1920 x 1080 的 10.6 英寸屏幕的模拟器上运行应用程序时，控件(按钮、图像、文本)正确适合。问题是，当我更改分辨率时，控件行为不正确

• 当分辨率或屏幕尺寸增加(例如 23 英寸屏幕为 1920 x 1080)时，页面上会创建空白空间；
• 当分辨率或屏幕尺寸减小(例如 10.6 英寸屏幕为 1024 x 768)时，控件尺寸也会增大，并且其中一些控件在 UI 中不可见，因为它们显示在底部太远。

有没有办法构建独立于屏幕尺寸或分辨率的“可扩展”商店应用程序？当分辨率更改或从一个屏幕到另一个屏幕时，控件大小和字体大小应增大和减小，但所有这些都应适合空间，并且不应创建空白区域。

任何帮助将不胜感激。

谢谢

Answer 1

This MSDN article讨论缩放到屏幕的准则。它涉及屏幕尺寸、屏幕分辨率和宽高比。它提供了一个表格，其中显示了为使用缩放以适应功能的应用程序推荐的最佳实践，并且涉及自适应布局。文章末尾还引用了[布局指南]。

希望这有帮助!

http://msdn.microsoft.com/en-us/library/windows/apps/hh780612.aspx

乔尔公民