Axure制作手机UI原型之界面滑动滚动效果

本文介绍了如何使用Axure的动态面板功能,模拟手机UI中的滑动滚动效果,包括页面的上下回弹。通过在外层面板中嵌套内层面板,并设置拖动事件和限制条件,实现类似Android listview的滚动体验。同时,文章提到可以通过添加矩形框作为限制标志,防止页面超出边界,并提供了横向滑动和图片浏览的实现思路。
摘要由CSDN通过智能技术生成

用Axure制作手机界面原型的时候,往往会遇到像Android中listview那种页面,手指在界面上滑动,页面也就跟随滚动,拖拽到底部或者顶部的时候还有个回弹效果,如何在Axure之中模拟这种滚动呢,是用其内部框架linline frame? 用这个有以下几点不妥:

1.      该框架的边框在手机上实在太丑。

2.      只能连接到其他界面,这是不舒服的一点,试想这个内部界面在导航中打开,别人都不知道你这界面是怎么回事。

下面我们用动态面板来实现这种效果,总体办法是在动态面板中再嵌套一个动态面板。

实现步骤如下:

1.      首先创建一个动态面板,这里命名为外层面板。如图:

(图片中间为水印)

2.      外层面板只需要一个状态就行了。然后在该状态中再添加一个动态面板。将这个面板命名为内层面板。


这个动态面板

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值