1. 程式人生 > >WPF技術觸屏上的應用系列(五): 圖片列表非同步載入、手指進行縮小、放大、拖動 、慣性滑入滑出等效果

WPF技術觸屏上的應用系列(五): 圖片列表非同步載入、手指進行縮小、放大、拖動 、慣性滑入滑出等效果

        去年某客戶單位要做個大屏觸屏應用,要對檔案資源進行展示之用。客戶端是Window7作業系統,54寸大屏電腦電視一體機。要求有很炫的展示效果,要有一定的視覺衝擊力,可觸控操作。當然滿足客戶的要求也可以有其它途徑。但鑑於咱是搞 .NET技術的,首先其衝想到的微軟WPF方面,之前對WPF的瞭解與學習也只是停留在比較淺的層面,沒有進一步深入學習與應用。所以在專案接來以後,也就趕鴨子上架了,經過努力奮鬥最終還是搞定了。當然這裡得感謝MSDN和搜尋引擎。

1、列表介面:非同步載入,在網路不好的情況下,會出現Loading圖片效果。兩邊有箭頭,實現整個列表滑動。

2、觸擊上列表中的某一張圖片,會開啟下面介面效果:觸控右下角某小圖,主區顯示對應圖片。主區右下角有個最大化按鈕,點選後會全屏顯示。想說的是,主區的圖片,可以用兩個手指進行放大和縮小,及自由拖動。

3、點選上圖主區右下角有個最大化按鈕,開啟如下介面:在這個介面,可以向在觸屏手機上瀏覽圖片一樣,就像蘋果App看圖軟體一樣手指左右稍微滑動,圖片自動滑入滑出效果,效果很酷。

----------------------------------------------------------------------------------------------------------------------------------

希望對您有所啟發,激起你對WPF的熱愛!有興趣的童鞋,可以留言!郵箱:[email protected]

2014年7月5日

Kevin.Chen     蘇州.婁城

O(∩_∩)O~

-----------------------------------------------------------------------------------------------------------------------------------