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

2012-10-05

 

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

介紹一下畫面配置..

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 操作 會在對此圖形進行切割,切成一半


附件:



當麻許的超技八 2014 | Donma Hsu Design.