蜜果私塾：axure rp 8.0新功能新特性详解（2） -凯发k8网页登录

文：阿蜜果

日期：2016/3/13

转载请注明出处

         接上篇《蜜果私塾：axure rp 8.0新功能新特性详解（1）》
      案例下载地址：

2.6 新增快照部件

这是axure rp 8.0推出的新部件，可以使用快照部件捕捉引用页面或凯发k8网页登录主页面图像。可以配置快照部件显示整个页面或页面的一部分，也可以在捕捉图像之前对需要应用交互的页面建立一个快照。

快照组件可用于展示交互行为中每一步的进展图解，或者用于为流程图添加缩略图。

         将快照部件拖入页面设计区域后如下图所示：

         双击快照部件，打开设置引用页面或母版窗口，如下图所示：

         选择某个页面后，点击“ok”按钮，设置完成后参考如下：

         默认页面在快照中设置为自适应大小，即在检视面板（inspector）勾选了“scale to fit”，在该区域可取消勾选“scale to fit”，并可对坐标值（offset x、offset y）和缩放比例（scale），如下图所示：

         可以在检视面板（inspector）的属性选项卡，可以为快照部件设置诸如onclick、onmouseenter、onmouseout等事件，在快照组件添加的交互行为的触发器不会影响到引用页面。在默认情况下，点击快照将打开引用页面。可以在html生成器交互部分关闭掉这个行为。如果你在快照组件中添加了一个onclick的交互行为，那么链接到引用页面的行为将会被这个交互行为所替代。

2.7优化中继器部件

         添加中继器部件，复制笔者之前在axure rp 7.0版本设计的一个美丽说服饰列表的中继器案例，如下图所示：

         其中排序下方的区域都是中继器部件（具体可下载案例中的rp源文件）。接着看一下axure rp 8.0版本针对中继器部件做了哪些增强。主要体现在：

         1）与hmtl的内容自适应：在axure rp 7.0版本中，如果在中继器项编辑页面添加某个部件，并且默认将其隐藏，如下图中的红色的矩形部件：

         不管隐藏/显示该矩形部件，中继器部件的每个项都占用了显示该部分时所占用的空间，隐藏矩形部件时如下图所示：

         显示矩形部件时如下图所示：

         由此可见中继器中每个项的宽度并没有改变。

         在axure rp 8.0版本中，该部分功能得到了优化，中继器项会根据内部的部件的隐藏和显示自动设置宽度和高度。如在axure rp 8.0版本中添加同样的红色矩形部件，并且默认将其设置为隐藏状态：

         隐藏矩形部件时页面如下图所示：

         显示红色矩形时页面自动调整，如下图所示：

2）添加onitemresize事件：在axure rp 7.0版本中，只有onload（中继器加载时事件）和onitemload（中继器项加载时事件），在axure rp 8.0版本中，添加了onitemresize（中继器项调整大小时事件）。该方法在中继器项的大小改变时触发。

可在刚才的中继器案例中添加一个infolabel的标签部件，而后设置中继器部件的onitemresize事件，在中继器部件调整大小时设置infolabel的值，设置所示：

         运行案例，可看到当中继器中红色矩形部件由隐藏变为显示时，该标签部件的值被修改。

2.8 在axshare中建立团队项目

         在axure rp 7.0版本中，可以将项目上传到axshare官方共享网站，而且提供了团队项目功能，但是无法实现托管团队项目功能。

         在axure rp 8.0版本中，在axshare中添加了托管团队项目的功能。除了在svn服务器上托管图团队项目的当选项以外，团队项目的工作方式如登入和登出与v7版本是一样的。

         在菜单栏选择“team(pro) ” –> “create team project from current file”（从当前文件创建团队项目），可看到在新建团队项目窗口新新增了除svn外的“axshare”选项卡，如下图所示：

         在新建团队项目的axshare选项卡可点击“log in”按钮输入原有email/密码进行登录，或者输入email、密码等信息进行注册操作。