原文: WPF技术触屏上的应用系列（五）: 图片列表异步加载、手指进行缩小、放大、拖动 、惯性滑入滑出等效果

        去年某客户单位要做个大屏触屏应用，要对档案资源进行展示之用。客户端是Window7操作系统，54寸大屏电脑电视一体机。要求有很炫的展示效果，要有一定的视觉冲击力，可触控操作。当然满足客户的要求也可以有其它途径。但鉴于咱是搞 .NET技术的，首先其冲想到的微软WPF方面，之前对WPF的了解与学习也只是停留在比较浅的层面，没有进一步深入学习与应用。所以在项目接来以后，也就赶鸭子上架了，经过努力奋斗最终还是搞定了。当然这里得感谢MSDN和搜索引擎。

 

1、列表界面：异步加载，在网络不好的情况下，会出现Loading图片效果。两边有箭头，实现整个列表滑动。

 

2、触击上列表中的某一张图片，会打开下面界面效果：触摸右下角某小图，主区显示对应图片。主区右下角有个最大化按钮，点击后会全屏显示。想说的是，主区的图片，可以用两个手指进行放大和缩小，及***拖动。

 

3、点击上图主区右下角有个最大化按钮，打开如下界面：在这个界面，可以向在触屏手机上浏览图片一样，就像苹果App看图软件一样手指左右稍微滑动，图片自动滑入滑出效果，效果很酷。

 

 

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

希望对您有所启发，激起你对WPF的热爱！有兴趣的童鞋，可以留言！邮箱：chz_cslg@126.com

2014年7月5日

Kevin.Chen     蘇州.娄城

O(∩_∩)O~

 

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

WPF技术触屏上的应用系列（六）: 视觉冲击、超炫系统主界面、系统入口效果实现

WPF技术触屏上的应用系列（五）: 图片列表异步加载、手指进行缩小、放大、拖动 、惯性滑入滑出等效果

WPF技术触屏上的应用系列（四）: 3D效果图片播放器（图片立体轮放、轮播、图片倒影立体滚动）效果实现

WPF技术触屏上的应用系列（三）: 视频播放器的使用及视频播放、播放、暂停、可拖动播放进度效果实现

WPF技术触屏上的应用系列（二）: 百度地图嵌入、API调用及结合本地数据库在地图上进行自定义标点的实现

WPF技术触屏上的应用系列（一）: 3D 图片（照片）墙、柱面墙（凹面墙或者叫远景墙、凸面墙或者叫近景墙）实现