Axure学习之线框图-动态面板高级篇

送分小仙女□ 提交于 2020-01-03 09:03:44

原始学习资源:http://www.axure.com/dynamic-panels-advanced

如果有什么地方不通畅或是有不清楚的地方,欢迎指教!

意译:

相对于按钮形状来说,动态面板的交互行为更多,请对比:

image VS   image

而且,动态面板中还可包含动态面板,如图:

image

这两个重要的特性,就赋予了动态面版强大的功能:

1、多级目录(视频教程见dynamic-panels-advanced(似乎需要番习习檣才能看到视频),文本教程见accordion-control-tutorial

要点:

标题框设置点击时切换内容动态面板的可见性

为内容动态面板设置显示时下移(相对值)下面的动态面板;显示时上移(相对值)下面的动态面板

移动时下面的面板跟随。

自己试一下就知道了,重要的是要为各动态面板统一命名(相对于程序装变量的命名规则,这个简单多了),不然的话元素多了就乱了。

用到了动态面板的OnMove\OnShow\OnHide交互

2、相册(直译是相片传送带) (6.0版本的教程见:photo-carousel-tutorial-60  6.5版本的教程见:photo-carousel-tutorial

这个比多级目录简单多了,只不过多级目录是一下子就出现,相册的例子是加了出入的效果

而且6.5版本的优化了很多,6.0的麻烦太多了。

3、可拖拽地图 (教程见 draggable-map-tutorial

相对简单,主要用到了动态面板的OnDrug交互

4、拖到图片删除(教程见drag-and-drop-images-tutorial

复杂点在于有判断条件,如下图。

image

 

实际的应用中,原型肯定不止这四种,还会有许多许多原型(及其变化体)。但万变不离其宗,掌握好动态面板的交互、判断条件等就可以解决绝大部分原型。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!