Silverlight 3 浏览器缩放支持，UI 在缩放更改期间停止渲染答案

【问题标题】：Silverlight 3 Browser Zoom Support, UI Stops rendering during zoom changesSilverlight 3 浏览器缩放支持，UI 在缩放更改期间停止渲染
【发布时间】：2009-10-12 21:10:49
【问题描述】：

Silverlight 3 现在包含内置的浏览器缩放支持。我目前面临的问题是，在涉及（Ctrl+鼠标滚轮）或（Ctrl+）和（Ctrl-）的多个缩放级别更改期间，Silverlight UI 似乎没有更新（重新渲染）。这是在 Windows XP SP2 上使用 IE8 浏览器进行测试时发现的。

起初我认为这可能是呈现我的应用程序时的性能问题，但我也设法在页面上仅使用一些文本和一个按钮重现了相同的问题（测试 xaml 可以在帖子末尾找到） .在某些情况下，UI 会停止响应（将鼠标悬停在视觉变化上）。在其他情况下，页面正在响应，但未针对正确的缩放级别进行渲染。

我可以实现自己的缩放功能，但我认为从长远来看，让浏览器或插件处理缩放功能会更好（为什么要对相同的功能进行两次编码？）。我也在考虑禁用 Silverlight 应用程序的自动缩放支持。

在查看了其他一些 silverlight 实现之后，我发现其中大多数不禁用自动缩放的实现都有同样的问题。在更深入地研究问题后，当浏览器窗口大小发生变化（因为这会强制 UI 更新其渲染大小以纠正问题）或页面被滚动（这似乎也发送渲染）时，UI 将得到纠正更新到 UI）。有谁知道解决此问题的方法或不涉及编写自定义缩放代码的解决方法？

这是我用来产生问题的步骤。（如果您想要我使用的测试项目，请告诉我，我可以通过电子邮件发送给您。）

第 1 步：使用 Visual Studio 2008 创建一个新的 Silverlight 应用程序。第 2 步：将 Xaml 添加到主页（我的帖子末尾的 xaml）。第 3 步：使用 html 页面和默认起始页在 IE8 中运行应用程序。第 4 步：使用（Ctrl+鼠标滚轮）更改缩放级别。您可能必须非常快速地移动鼠标滚轮，直到第一次出现这种情况。通常放大然后快速缩小。注意：在第 4 步之后，UI 会出现我上面提到的一些问题。这是在 6 台运行 IE8 的不同机器上生成的。

MainPage 文件的 Xaml 代码：

<Grid x:Name="LayoutRoot">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <StackPanel Orientation="Horizontal" Background="LightGray" Grid.Row="0">
        <TextBlock Text="Testing Web Page" FontSize="16" FontWeight="Bold" 
                                                           Foreground="Green"/>
    </StackPanel>
    <Button Grid.Row="1" Content="Large Damn Button" Height="34"/>
</Grid>

【问题讨论】：

我可以重现这个，我建议你在 microsofts connect 站点上发布错误报告。

标签： silverlight internet-explorer-8 zooming

【解决方案1】：

我遇到了同样的问题，就我而言 <param name="windowless" value="true" /> 是解决方案。不需要最小值和最大值即可使其工作。

【讨论】：

【解决方案2】：

我就这个问题去了 silverlight 论坛，但没有人遇到问题或不知道如何解决它。我所做的是在 Html 页面和 xaml 中的控件上设置最小高度和宽度。既然这样做了，问题就没有回来。虽然我仍然不清楚为什么这似乎是一个问题。如果有人遇到类似问题，请参阅下面的示例代码：

#silverlightControlHost {
    height: 100%;
    text-align:center;
    margin:0;
    padding:0;
    min-height:550px;
    min-width:800px;
}

 <form id="form1" runat="server" style="height:100%;width:100%;position:absolute;top:0px;left:0px;z-index:0;min-height:550px;min-width:800px">
<div id="silverlightControlHost" style="height:100%;width:100%;min-height:550px;min-width:800px">
   <object id="slControl" data="data:application/x-silverlight-2," type="application/x-silverlight-2" style="position:absolute;top:0px;left:0px" width="100%" height="100%">
      <param name="source" value="ClientBin/Dupree.xap"/>
      <param name="onError" value="onSilverlightError" />
      <param name="background" value="white" />
      <param name="minRuntimeVersion" value="3.0.40624.0" />
      <param name="autoUpgrade" value="true" />
      <param name="EnableGPUAcceleration" value="true" />
      <param name="maxframerate" value="30" />
      <param name="windowless" value="true" />
      <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none">
          <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
      </a>
    </object>
    <iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe>
</div>
</form>

【讨论】：