技术开发 频道

全面解析DeepZoom

  创建一个Deep Zome Image的工作流是这样的:导入、.构图(排列)和输出。

  1 导入:在“导入工作区”中,用户可以导入一些图片到项目中。

图6 导入图片

  图片栏:用户点击“Add images”按钮来导入图片。这些图片将被显示在一个图片栏中。右击图片并选择“Delete from project”可以将图片从项目中删除。

  图片预览:当用户选择图片栏中的一个图片时在左边可以看到它的预览图。其文件名,尺寸,文件大小等将显示在左下方。

  用户可以指定文件夹,但Deep Zoom Composer仅仅会导入合法的图片文件类型,也就是说其支持PNG,JPEG,TIFF和BMP这几种格式,其他文件格式将被忽略。注意:目前Deep Zoom Composer不支持同名文件的导入。

  2 构图(排列):“Compose”工作区为用户提供了定位和排列图片的功能。

图7 排列图片

  图片栏:

  在“Compose”工作区中,被导入到项目的图片被显示在图片栏,用户可以拖放这些图片到画板中。图片栏为用户提供了如下几个基础的功能:

  “All Image”标签页,在这里图片栏将显示项目中的所有图片。那些显示成半透明的图片表示其正在被使用(即是被拖到了Compose工作区中)

  “Layer View”标签页,这个标签页仅仅显示那些被Compostion使用中的图片。用户可以面板上的箭头按钮来改变图片在画板上的Z轴顺序。

  “Visibility”在图片旁边的眼睛图标用于设置该图片在画板上的可见性。

  画板:

  用户可以在Compose工作区的画板中创建和编辑“Compositions”。该工作区提供了一

  个拥有定位和排列图片能力的设计区和一个基础工具集(selection, pan, zoom)以及基础的排列特性(align & distribute)。可以通过拖拽的方式将图片栏的图片添加到画板中,用户可以在画板中排列这些图片并通过导航器来导航以及使用几种工具来修改。当然,用户也可以通过拖拽修饰器(技术图片选中状态下的几个小方块)和下面的一排按钮来修改和布局。

  工具:

  选择工具,其允许用户选择和操作图片。用户可以通过Adorner(修饰器?那几个小东东真不知道专业名称叫什么,抱歉)来操作图片

  Pan工具,其允许用户通过点击和拖拽来滚动可视区域。

  缩放工具,当用户选择缩放工具是,其可以点击可视区域中的任何一个位置来缩放放大该点。当按住ALT并单击时缩小,或使用ALT+=快捷键来方法或ALT+-快捷键来缩小。如果用户点击最后一个缩放图标(普通缩放图标的右边那个),在画板中的当前元素将被缩放以适合屏幕。

  布局功能:

  其也支持一些布局和分配功能(比如Make same height)

图8 工具条

  当用户点击“Align/Distribute”和“Make Same”图标时将执行下面的这些选择(之一):

  左对齐,左右居中对齐,右对齐,上对齐,上下居中,下对齐,横向分布,纵向分布,等宽,等高。

  3 输出:输出工作区中为用户提供了导出为Deep Zoom Image或集合的功能。

图8 输出界面

  输出预览,最终的composition将被显示在导出标签页中。

  导出设置,用户可以对导出进行一些设置,比如文件名,位置等。那个复选框提供了让用户设置是否将其导出到一个Deep Zoom Collection中。

0
相关文章