【全面解析DeepZoom 之一】酷!Deep Zoom
来源:互联网 发布:恐怖游戏知乎 编辑:程序博客网 时间:2024/06/05 09:09
【全面解析DeepZoom 之一】酷!Deep Zoom
周银辉
微软的Silverligth2包含了对由“SeaDargon”团队创建的Deep Zoom技术的支持。简单地说,Deep Zoom技术就是能让你查看很大的一副图片但仅仅将当前显示在你屏幕上的部分发送到你的浏览器里。你也可以对图片进行平滑的缩放和平铺。这就像是在线地图将一副很大的图片划分成很多很小的平铺的图片然后将那些你正在查看的发送到你的屏幕上。这所带来的好处就是你不必花大量时间来下载一副很大的图片数据而这些甚至你从来就没有看或注意到过。
你可以到http://memorabilia.hardrock.com/ 体验该项犀利的技术:
注意到下图,画面中共加载了257幅图片,而且每幅图片都是高分辨率的大图,按照常规思维要将这257幅图片下载到客户端可能就足以让客户精神崩溃了,但使用DeepZoom技术下载并显示下面的这个画面就跟显示一副小图一样快速(至于为什么,本系列随笔的后续部分会讲到)
让后用户可以针对该画面中的任何感兴趣的部分进行缩放和拖拽来查看详细,拿其中的几本书的照片来说,我们可以是鼠标操作来由远及近的观察它:
再近一点:
更近一点:
注意:整个这一系列操作都是通过鼠标点击或滚轮完成的,效果非常的平滑和流畅更没有页面的刷新,而在使用现在的一些在线地图时要进行地图的缩放是要刷新整个或部分页面的,用户体验完全不一样。
作为开发人员,我们可以利用DeepZoomComposer来协助我们并加入到Silverlight2应用中,接下来我会讲到如何在Silverlight2中应用DeepZoom技术。
- 【全面解析DeepZoom 之一】酷!Deep Zoom
- 【全面解析DeepZoom 之一】酷!Deep Zoom
- 【全面解析DeepZoom 之二】Silverlight2及Deep Zoom环境的搭建
- 【全面解析DeepZoom 之二】Silverlight2及Deep Zoom环境的搭建
- 【全面解析DeepZoom 之三】建立DeepZoom应用
- 【全面解析DeepZoom 之三】建立DeepZoom应用
- Silverlight 2 手把手(之一) Deep Zoom
- 初尝Deep Zoom Composer
- silverlight Deep Zoom 实现
- Silverlight 2 和 Deep Zoom
- 全面解析均衡效果器之一:EQ原理
- Android四大组件之一---BroadcastReceiver全面解析
- 新浪音乐地图之 Deep Zoom 应用
- Deep Zoom Composer 用户手册(部分)
- 使用DeepZoom打造超酷变形金刚SHOW
- (5)Deep Learning模型之:CNN卷积神经网络的全面详细概述之一
- 零元學Expression Blend 4 - Chapter 23 Deep Zoom Composer與Deep Zoom功能
- Zoom
- 老兄,你的进度表
- 任务太多?学着突破重围
- 通用电气医疗集团(GE Healthcare)实习生岗位
- 【全面解析DeepZoom 之三】建立DeepZoom应用
- 【全面解析DeepZoom 之二】Silverlight2及Deep Zoom环境的搭建
- 【全面解析DeepZoom 之一】酷!Deep Zoom
- 九月阅读点滴
- [初入职场] 不成文的期望
- [WPF]获取控件间的相对位置
- [WPF疑难] 继承自定义窗口
- WPF中的 Layout To Layout
- 银辉给园子里的兄弟姐妹们拜年啦
- 在WPF中减少逻辑与UI元素的耦合
- WPF高手:站出来,Show出来