Silverlight 3：适应屏幕分辨率的技巧

Question

我开发的电脑屏幕分辨率是1680 x 1050。我正在开发一个全屏的Silverlight 3应用程序，考虑将其部署到互联网上。因此，我想确保应用程序在各种屏幕分辨率下都能够良好地显示。我刚刚开始在其他电脑上进行测试，第一个屏幕分辨率为1024 x 768。在测试过程中，我发现应用程序的某些页面被部分截断了。似乎页面上的控件没有根据较低的屏幕分辨率进行调整。因此，我正在寻找一些关于如何使Silverlight应用程序尽可能地适应屏幕分辨率的技巧。例如，在XAML上应该或不应该做哪些事情，以使适应屏幕分辨率更容易？我应该只优化最小屏幕分辨率吗？欢迎您的想法和建议。

- Ed Chaparro

Answer 1

• 您可以通过设置根视觉元素的MinHeight和MinWidth属性来轻松实施最小可接受分辨率。（当然，这应该小于最小屏幕分辨率，以考虑浏览器的外壳。）
• 尽可能仅在必要时指定绝对Width和Height：例如，对于具有固定尺寸的图像或图标，或者对于明显的情况（如TextBox，其宽度应反映输入数据的平均长度）。
• Grid面板非常适合混合可缩放和固定布局区域。星号大小规范需要一些时间来适应-它不像基于百分比的比例那样简单-但是它更加灵活，特别是与行/列的最小/最大尺寸结合使用。
• 除非您有兴趣测试一系列每英寸点数，否则您不需要在多个分辨率上进行测试-只需调整浏览器大小以近似不同的屏幕即可。由于始终存在一些取舍，取决于用户的浏览器配置，因此您必须考虑一些变化。

- Ben M

Answer 2

您可以使用Silverlight Toolkit ViewBox让应用程序可扩展，或者使用布局控件如Grid，StackPanel和WrapPanel来进行拉伸。使您的主UserControl具有自动宽度和高度（或完全删除宽度和高度），应用程序的大小将调整为父div的大小（默认HTML模板使用100％x100％）。然后根据需要调整浏览器大小。IE8具有开发人员工具，可帮助您查看应用程序缩放到特定屏幕分辨率的情况。

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

- Michael S. Scherotter

Answer 3

我在另一个线程中讲解了元素的调整大小和使其独立于分辨率。

你可以在这里看一下，有多种自动调整大小的方法。

- Johannes