2012-10-05

[Windows Phone 7] Mango 密記 - Flipboard 的翻頁效果(1)-製作手機上面的快照縮圖(Snapshot)

 

要做到翻頁效果，第一件事情就是要先取得目前的拍照..

介紹一下畫面配置..

sshot-11_2

裡面放一些元件，之後按下 btnSnapShot 之後就會把整個 LayoutRoot 所有的東西都快照下來..

首先

using System.Windows.Media.Imaging;

之後我們直接看  btnSnapShot 的 Click 事件



private void btnSnapShot_Click(object sender, RoutedEventArgs e)
{
    // 可被寫入的 Bitmap 
    // 在 Ctor 時傳入 LayoutRoot 物件
    WriteableBitmap bitmap = new WriteableBitmap(LayoutRoot, null);
    // 顯示快照的結果
    this.imgOutput.Source = bitmap;
}

有沒有覺得很眼熟..


沒錯之前在 Silvelight 的開發中也是一樣的概念，為什麼要做翻頁效果，要先快照呢?!


因為我們不可能對物件，進行運算位置，這樣其實難度跟耗費的資源會非常的大..


結果:


sshot-13_2


請注意..


如果對 WebBrowser 物件進行快照是無效的.. 我測試過拉.. 結果:


sshot-14_2


會是一片空白，如果要用這效果請注意..


下一篇： 重新繪製圖形，對 WriteableBitmap 操作　會在對此圖形進行切割，切成一半


附件:


@