#Axure#列表侧滑更多

背景:在做移动端原型设计时,常常会遇到列表内容的处理,其中,对每条内容进行操作时,就会涉及到侧滑的交互。

应用场景:消息(如微信)、进度计划等。

步骤:

Step1,在默认页面,把桌布先择成手机模式。

#Axure#列表侧滑更多

Step2,拖入动态面板,命名为slide,435*60。

#Axure#列表侧滑更多

Step3,双击动态面板,拖入第一个矩形,375*60;接着拖入第二个矩形,60*60。

#Axure#列表侧滑更多
#Axure#列表侧滑更多

Step4,回到桌布页面,选中slide,设置交互:

向左滑动结束时,移动slide到(-60,240),线性200毫秒;

向右滑动结束时,移动slide到(0,0),线性200毫秒。

#Axure#列表侧滑更多

至此,完成列表侧滑更多的交互。

#Axure#列表侧滑更多:等您坐沙发呢!

发表评论

表情
还能输入210个字