如何在Silverlight 4中从WebBrowser控件平滑过渡到图像？

Question

我的页面上有以下XAML：

<Grid x:Name="LayoutRoot">  
        <Viewbox Stretch="Uniform">  
        <Image x:Name="myImage" />  
    </Viewbox>  
    <WebBrowser x:Name="myBrowser"  />  
</Grid>

然后在后面的代码中，在图像和浏览器内容之间切换可见性：

myBrowser.Visibility = Visibility.Collapsed;  
            myImage.Source = new BitmapImage(new Uri(p));  
            myImage.Visibility = Visibility.Visible;

和

myImage.Visibility = Visibility.Collapsed;  
            myBrowser.Source = new Uri(myPath + p, UriKind.Absolute);  
            myBrowser.Visibility = Visibility.Visible;

这可以正常工作，但是客户端现在需要的是在显示图像和显示浏览器之间的平滑过渡。 我尝试了几种方法，但是总是遇到死胡同。 你有什么想法？

我尝试使用VSM设置两个状态，然后在交换发生之前在顶部显示一个白色矩形作为覆盖，但这没用（我想是因为WebBrowser上方无法放置任何东西？），我尝试设置了使用VSM的图像控件和Web浏览器控件的可见性，但这也不起作用。 我真的不知道还有什么尝试解决这个简单的任务的。

任何帮助是极大的赞赏。

Answer 1

如果您正在寻找“平稳”过渡，则可能需要尝试使控件淡入淡出。 对每个对象的不透明度进行动画处理。 例如，将ViewBox的不透明度设置为零，将图像的不透明度设置为100。然后为两个对象的不透明度属性设置动画。

最终结果将是从一个对象到另一个对象的平滑过渡。

这是MSDN文章，可以帮助您入门： 动画概述