美文网首页Axure原型设计
手机屏幕信息上下滑动实现步骤:(文末附:教程rp源文件)

手机屏幕信息上下滑动实现步骤:(文末附:教程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