[Windows Phone 7] Mango 密記 - Flipboard 的翻頁效果 (3)- 製作翻頁效果

2012-10-05

 

這篇是 Flipboard 翻頁效果 clone 實作 最後一個階段,上一篇文章 Flipboard 的翻頁效果 (2)- 重新繪製圖形,對 WriteableBitmap 操作

我們擷取了左半邊的圖出來了,接下來就是讓他翻頁..

sshot-17_2 (1)


[Windows Phone 7] Mango 密記 - Flipboard 的翻頁效果(2)-重新繪製圖形,對WriteableBitmap操作

 

接續上一篇 製作手機上面的快照縮圖 (Snapshot) 接下來 因為要做到翻頁效果..

再看一次影片..

因為作摺頁,都是從中間那地方開始,所以上一篇文章,我們快照下來的圖,我們必須把他從中間切成一半..


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

 

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

介紹一下畫面配置..

sshot-11_2

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


[Windows Phone 7] Mango 密記- Flipboard 的翻頁效果(序)

 

最近又開始寫回 Windows Phone 7 了,..oh ya…

不過平常回答很多問題,想說來寫一系列文章專門來把這一陣子網友問題問題做一個集合..

接下來我會花三到四篇來講解這個案例的實作..

大致上是這個效果..


[Windows Phone 7] Mango 密記– Panorama Title 樣式

 

預設的 Panorama  Title 非常的大隻,會佔掉很大的版面..

sshot-30_2


[Windows Phone 7] Mango 密記– 取得ListBox捲動數值

 

這幾天有人問我說如何取得ListBox中捲動了多少..

這剛好我之前有解過,我就想說就把Code整理簡單一點來分享..


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