设为首页 - 加入收藏
广告 1000x90
您的当前位置:78345黄大仙综合查询 > 结束坐标 > 正文

Axure教程:如何实现爱彼迎App首页Banner的切换效果

来源:未知 编辑:admin 时间:2019-06-03

  线上课程 产品新人如何快速提升Axure能力?这样学,标准低保真/高保线日

  产品小白专属,10周线上特训,测、练、实战,22位导师全程带班,11项求职服务,保障就业!了解一下

  本文分享一个用Axure实现爱彼迎App首页Banner切换效果的方法,供大家参考,欢迎一起交流。

  【动作】拖动结束时==移动Banner模块到Banner3的正常位,X坐标为-670,Y坐标为[[this.y]],动画线. 快速拖动时,自动切换到下一个Banner

  当拖动的距离未达到自动归位的条件时,可通过拖动的速度来判断是否移动至下一个Banner位。

  可通过鼠标拖动的距离和拖动的时间来判断。此时需要加入全局变量来记录当前Banner模块的位置数(后面会用到)。

  在上文自动归位的【动作】中,再加入变量设置,结果如下:归位Banner1的情况:

  有了全局变量记录Banner模块的位数,就可以通过拖动的方向(TotalDragX的正负)和拖动的时间(DragTime),来判断需要移动的下一个Banner位数。本文快速拖动定义为400ms内拖动距离为50。

  至此,Banner模块的拖动事件以及拖动结束时间基本就可以写全了。合并后如下:

  本文没有贴源文件的用例截图,而是将思考的步骤拆分出来一步步地得到所需的结果(希望大家能看明白,作者注),欢迎一起交流学习,有什么问题建议可以留言。后期有时间再做更多的效果出来分享给大家!

  原型下载链接:(上传的原型文件不是完全与这次分享一致,作者后续又加了点特效,Duang!而且作者画图喜欢用动态面板封装母版,层级较多)

  本文由 @Cheese 原创发布于人人都是产品经理。未经许可,禁止转载

  上下滑动的呢。。。。啊,全忘了。。。我只能上滑,滑不下来了。。。。。。。。。是相对位置还是绝对位置

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

本文链接:http://ussmaghani.com/jieshuzuobiao/168.html

相关推荐:

网友评论:

栏目分类

现金彩票 联系QQ:24498872301 邮箱:24498872301@qq.com

Copyright © 2002-2011 DEDECMS. 现金彩票 版权所有 Power by DedeCms

Top