如何在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文章，可以幫助您入門： 動畫概述