天天看點

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

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

1、清單界面:異步加載,在網絡不好的情況下,會出現Loading圖檔效果。兩邊有箭頭,實作整個清單滑動。

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

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

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

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

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

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

2014年7月5日

Kevin.Chen     蘇州.婁城

O(∩_∩)O~

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