首页 > 代码库 > 原型图~动态面板
原型图~动态面板
机房个人重构时,师傅就把Axure这款软件介绍给我们了,用它完成了机房个人重构的原型图。那时候只会简单的交互,把大致的界面弄出来了,下拉框没有弄出来,Tab选项卡也没有实现,但是这次机房合作,大家都得看,所以不能再这么糊弄了。
算是二次接触Axure吧,把以前凑活的都好好弄吧。
上次没有实现的Tab选项切换卡还是乖乖的弄吧,弄完了才知道其实挺简单的嘛。
首先介绍一下动态面板,当时看这名字就知道自己肯定不会用,所以压根就没想了解它,还没了解就惧怕,这个不是提高班学生该有的。难还是难在了心里。
动态面板:Axure的一个元件。实现一些动态的交互效果。
功能:隐藏与现实、滑动效果、拖动效果、多状态效果
首先:它的隐藏与实现功能可以完美的体现在我们的Tab选项切换卡上面,首先需要添加一个动态面板:
然后按照如下步骤:
双击进入各个选项卡内容的编辑,也是把每个选项卡需要显示的内容在各自的面板里编辑好。
另外,动态面板还有一些动画效果,如下图,可以设置用时
生成之后如图:当我们点击购卡显示购卡信息,点击临时用户显示临时用户信息等。这样就可以分别显示了。
编辑好的如图:(机房收费系统的结账为例)
其实Axure的功能还是很强大的,我了解的只是那么一丢丢,最基本的。还有很多我们没有发现的,既然是原型图,必然能够画出让顾客挑不出什么问题,满足顾客的所有需求,应该都能够实现,对于它的学习,不能仅限于从,还应该多多了解。
不过画原型图挺好玩的,不用敲一点代码。就能实现一个这么“完美”的系统,功能齐全,为了满足顾客的需求,原型图还是用处很大的。Axure的功能也是很强大的。
原型图~动态面板