Axure学习日志之动态面板
动态面板的特性:
第一步还是打开Axure!哈哈
1.容器性
可以作为存储元件的窗口,这个窗口可以扩大可以缩小,只可显示出窗口可见的容器。
蓝色虚线可以看作是动态面板窗口的大小
2.多空间
可以建立多个state(状态),但是只能看到state1中的元件。
双击动态面板进入面板状态管理
加号可以增加新的state
ps:多个元件可以直接右键转换成动态面板。
使用动态面板
实现登录验证:
首先增加两个矩形元件和一个文本标签,将其转化为动态面板,并且将其隐藏。在登录验证时进行检查,若未输入用户名则进行输出请输入用户名,将其显示。
效果如上图所示。
如何添加抖动
依然是进行用户名验证
效果是将整个登录模块进行快速左右抖动提示用户
因为要进行整个模块的抖动,所以要把整个模块先转换为动态面板dtdl
转化为动态面板后登录按钮只能在动态面板之内操作其用例
依次增加如上动作,移动dtdl
以上图为例,用相对距离进行抖动,上图即是相对于之前的x轴位置增加80,即向右移动80,
增加线性动画,时间设置为50毫秒
即可达成抖动效果
抖动无法截图哈哈,只能脑补一下啦!