手机屏幕信息上下滑动实现步骤：（文末附：教程rp源文件）

作者: 小任任又不是小能人 | 来源:发表于2018-01-06 19:49 被阅读86次

今天分享一个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

网友评论

本文标题：手机屏幕信息上下滑动实现步骤：（文末附：教程rp源文件）

本文链接：https://www.haomeiwen.com/subject/gqtunxtx.html

手机屏幕信息上下滑动实现步骤：（文末附：教程rp源文件）