快捷搜索:  汽车  科技

axure中继器界面(小z教你巧用动态面板和中继器实现功能)

axure中继器界面(小z教你巧用动态面板和中继器实现功能)一定要注意的两点:非常方便的完成了上述的功能,亲,你是不是觉得:哇……好简单啊……2)将页面分解为上下两个中继器(worklist,arlist)和中间的今日已处理条(processed),同时设置今日已处理条和arlist中继器为动态面板(ar),隐藏今日已处理,排版方式如下:3)将worklist中的项目做一个简单的调整,转换item的矩形为动态面板,在状态里加入删除块,并隐藏如图所示:4)开始加事件就好了!

Axure中的动态面板用途强大,强大到很多复杂的功能都需要用动态面板去实现,配合着中继器以及其他部件可以完成很多复杂功能。在使用动态面板的时候,不仅要熟练地掌握动态面板的各种属性,同样要巧妙领过的运用动态面板实现各种看似复杂的功能。小编就以盯盯工作的高保真原型为例,为大家带来动态面板和中继器应用的小技巧。

在盯盯工作的首页工作面板中:

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(1)

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(2)

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(3)

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(4)

右滑可以结束工作。结束第一条工作的时候,在原有的页面里弹出今日已处理的,而且结束的那条工作不在列表里展现。当再次结束时,下面的信息会随着往上移动。

这个例子的难点在于,今日已处理的这个横条的出现和移动,单单利用页面的展开和缩放的效果是不好实现这个整体移动的效果的。如何巧妙实现这个效果呢,如下图所示:

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(5)

2)将页面分解为上下两个中继器(worklist,arlist)和中间的今日已处理条(processed),同时设置今日已处理条和arlist中继器为动态面板(ar),隐藏今日已处理,排版方式如下:

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(6)

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(7)

3)将worklist中的项目做一个简单的调整,转换item的矩形为动态面板,在状态里加入删除块,并隐藏如图所示:

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(8)

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(9)

4)开始加事件就好了!

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(10)

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(11)

axure中继器界面(小z教你巧用动态面板和中继器实现功能)(12)

非常方便的完成了上述的功能,亲,你是不是觉得:哇……好简单啊……

一定要注意的两点:

1.这个方法在用的时候要保证各个元件高度都是一致的,才能实现相关操作。

2.如果想要修改方便的效果,需要将固定的值50,改为this/target.height。

猜您喜欢: