Windows Phone 實用開發技巧（30）：Pivot切換時同時漸變背景圖檔

上篇文章講了如果動态綁定Pivot，其實綁定正确了就可以了，沒有什麼技術難點。今天介紹如果在切換PivotItem時同時漸變的切換Pivot的背景圖檔，用來提高使用者體驗。

當 然很多時候如果你的Pivot有背景圖檔，那經常是一張圖檔，不會每個PivotItem都給一張圖檔。但是有時候或許就用這樣的需求，不同的Pivot 有不同的背景圖檔，那麼你如何去做到很好的背景圖檔的切換呢？因為如果背景圖檔的反差比較大的時候，給使用者的體驗不是很好。

那麼如何實 現很好的過渡效果呢？我的想法是在切換時漸變其背景圖檔。在剛開始使用Expression Blend的時候遇到一個問題，我們不能對Pivot的背景圖檔做動畫。但是換個思路去想，我們可以對使用者控件的透明度做動畫，我們可以使用使用者控件作為 目前頁面的背景動畫。

上述代碼是該背景控件的後置代碼，注冊了一個依賴屬性ImageUrl，在屬性發生變化的時候同時修改目前的背景。

ok，下面看看XAML中如何調用這個控件的

我們将該控件設定很Pivot平級，并且放置在Pivot的前面，這樣BgControl就會在Pivot的下方呈現。下面看看Pivot的SelectionChanged事件：

随即生成目前背景圖檔的檔案名，然後播放兩個動畫，一個是目前背景的漸漸消失，一個是下一個背景的漸漸顯示。

注意到SelectionChanged事件中，需要将Pivot的IsHitTestVisible設為false，即表示正在播放動畫的時候我們不能滑動Pivot，在動畫結束的時候再還原回來。

     本文轉自xshf12345 51CTO部落格，原文連結：http://blog.51cto.com/alexis/720462，如需轉載請自行聯系原作者