Silverlight 3：调整屏幕分辨率的技巧

Posted 2023-03-30

【中文标题】Silverlight 3：调整屏幕分辨率的技巧

【英文标题】：Silverlight 3: Techniques for adjusting to screen resolution

【发布时间】：2010-02-13 19:54:44

【问题描述】：

我的开发工具箱的屏幕分辨率为 1680 x 1050。我正在开发一个全屏 Silverlight 3 应用程序，我正在考虑将其部署到 Internet。所以，我想确保应用程序在各种屏幕分辨率上看起来都不错。我刚刚开始在其他机器上进行测试，第一个机器的屏幕分辨率为 1024 x 768。在测试过程中，我发现应用程序上的一些页面被部分截断。页面上的控件似乎没有针对较低的屏幕分辨率进行调整。因此，我正在寻找一些关于如何使 Silverlight 应用程序尽可能调整屏幕分辨率的技巧。例如，是否应该或不应该在 XAML 上做一些事情来使适应屏幕分辨率更容易？我应该只优化最低屏幕分辨率吗？欢迎您的想法和建议。

【参考方案1】：

您可以通过设置根视觉对象的MinHeight 和MinWidth 属性轻松实施可接受的最小分辨率。 （当然，这应该小于考虑浏览器 Chrome 的最小屏幕分辨率。） 仅在必要时尝试指定绝对的Width 和Height：例如，对于固定尺寸的图像或图标，或TextBoxes 等明显情况（其宽度应反映输入数据的平均长度)。 Grid 面板非常适合混合可扩展和固定布局区域。星型尺寸规范需要一点时间来适应——它不像基于百分比的比例那么简单——但它更加灵活，尤其是结合行/列最小/最大尺寸时。 除非您有兴趣测试每英寸的点数范围，否则您实际上并不需要测试多种分辨率——只需调整浏览器的大小以接近不同的屏幕。由于根据用户的浏览器配置，总会有一些取舍，因此无论如何您都必须考虑一些差异。

【参考方案2】：

您可以使用 Silverlight Toolkit ViewBox 使您的应用程序扩展，或使用 Grid、StackPanel 和 WrapPanel 等布局控件使其扩展。使您的主 UserControl 具有 Auto 的宽度和高度（或完全删除宽度和高度），并且应用程序的大小将调整为父 div 的大小（默认 html 模板使用 100%x100%）。然后相应地调整浏览器的大小。 IE8 拥有开发者工具，可帮助您查看您的应用调整到特定屏幕分辨率的大小。

在各种屏幕分辨率上进行测试总是一个好主意。

【参考方案3】：

我介绍了元素大小的调整，并使其分辨率独立于另一个线程。

你可以看看here，有多种方法可以自动调整大小。