qinbin

原始学习资源: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

 

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

分类:

技术点:

相关文章:

  • 2021-06-23
  • 2021-09-02
  • 2021-05-01
  • 2021-12-04
  • 2021-11-18
  • 2021-11-18
  • 2021-11-05
  • 2021-05-12
猜你喜欢
  • 2021-11-18
  • 2021-12-13
  • 2021-09-03
  • 2021-07-12
  • 2021-05-31
  • 2021-11-18
相关资源
相似解决方案