今天分享一个axure做手机屏幕信息上下滑动的效果的教程。
思路就是动态面板套动态面板,通用于界面上下左右滑动。
这个思路在原型的创造,特别是app端原型时可以说非常有用了。先看简单效果:
下面正式开始教程:
1、拉出一个动态面板1,大小同需要的展示框尺寸。
2、双击动态面板,进入state1
3、在动态面板1的state1在拉出一个同尺寸的动态面板2(注意位置为0,0)
4、双击动态面板2,进入动态面板2的state1
5、在动态面板2的state1虚线范围内放入内容,宽度不能超出,长度任意(长度可以上下滚动)
本案例如下图添加小图标6、返回动态面板1state1,设置动态面板2的滚动条类型为“自动显示垂直滚动条”,将右侧显示的滚动条拉出屏幕范围。
7、点击预览,看看效果吧~
小伙伴们看懂了吗?
最后,说好的源文件链接献上:https://pan.baidu.com/s/1hsbAccO
网友评论