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

时间:2021-12-23 07:28:02

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

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

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

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

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

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

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

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

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

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

2014年7月5日

Kevin.Chen     蘇州.娄城

O(∩_∩)O~

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

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

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

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

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

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

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