Axure 8.0手机页面拖动弹回效果

Axure RP8.0教程 手机页面的拖动和弹回效果 。用户向上拖动页面,页面向上滑动。用户向下拖动页面,页面向下滑动。当用户拖动页面到最底部时,页面弹回显示第一屏。当用户拖动页面到最顶部时页面弹回显示最后一屏。步骤一.在部件库中拖入一个图片部件,双击打开浏览手机外壳图片,加入到工作区中,跳转这张手机外壳图的大小和位置。步骤二在手机内部框中制作一个列表页面,页面,使用到的部件有图片部件、标签部件、水平线部件、将这些部件相互组合,设计一下...

Axure RP8.0教程 手机页面的拖动和弹回效果 。

  1. 用户向上拖动页面,页面向上滑动。

  2. 用户向下拖动页面,页面向下滑动。

  3. 当用户拖动页面到最底部时,页面弹回显示第一屏。

  4. 当用户拖动页面到最顶部时页面弹回显示最后一屏。

步骤一.在部件库中拖入一个图片部件,双击打开浏览手机外壳图片,加入到工作区中,跳转这张手机外壳图的大小和位置。

Axure 8.0手机页面拖动弹回效果

步骤二在手机内部框中制作一个列表页面,页面,使用到的部件有图片部件、标签部件、水平线部件、将这些部件相互组合,设计一下样式还有调整一下大小和位置,制作成一个网页列表如下图所示

Axure 8.0手机页面拖动弹回效果

步骤三选择页面中列表页下面所有的部件,将他们转换成为一个动态面板,将这个动态面板的名称命名为拖动,将这个动态面板的名称命名为拖动,将这个拖动面板宽度大小为手机的内部宽度大小,高设置为手机内部高度减去列表页部件的高度大小。

Axure 8.0手机页面拖动弹回效果

步骤四点击进入到拖动面板的状态1页面中,按照一定的列表顺序继续制作这个页面的列表,使这个列表的高度远远超过拖动动态面板的高度,选择页面中所有的列表部件将他们转换成一个新的动态面板,为了区分将这个动态面板的名称命名为拖动2

Axure 8.0手机页面拖动弹回效果

步骤五现在我们来设置拖动2面板的交互动作,当我们拖动面板时,面板X轴是不变的只会改变Y轴的位置,所以我们在拖动2面板的动作交互,拖动动态面板时移动拖动2面板垂直轴拖动。

Axure 8.0手机页面拖动弹回效果

步骤六接下来我们需要设置两个矩形为动态面板拖动2设置一个参考,拖动两个矩形移动到到手机界面上一个矩形命名为顶部,调整位置到列表页下面,一个矩形下命名为底部,调整位置到手机底部内边框位置,将这矩形跳转一下层的顺序,设置到最底层。

Axure 8.0手机页面拖动弹回效果

步骤七我们返回到拖动面板的状态1页面,设置一下拖动2的,结束拖动动态面板时,的交互动作,在弹出的用例编辑器中,编辑一下条件当动态面板拖动2的部件范围未接触到顶部参考线时,移动拖动2面板到绝对位置(0,0)将拖动2面板弹回显示第一屏位置。

Axure 8.0手机页面拖动弹回效果

Axure 8.0手机页面拖动弹回效果

步骤八在设置,当结束拖动动态面板,第二个交互动作,当动态面板拖动2的部件范围未接触到底部参考线时拖动2面板到绝对位置(0,-1424)Y轴的位置计算方法为拖动面板的高度减去拖动2面板的高度将拖动2面板弹回显示最后一屏位置。

Axure 8.0手机页面拖动弹回效果

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35790/

(0)
交互精选交互精选
上一篇 2018-03-10
下一篇 2018-03-10

相关推荐

  • 色彩如何应用在交互设计中?

    对于交互设计师来说,通常交互原型都做为黑白稿。为什么要做黑白稿呢?那是因为在前期交互设计中,交互设计师为了更专注于产品的流程、跳转,避免前期投入更多的精力在UI效果制作方面。对于很多小公司或小团队来说,通常只有一个设计师或者设计资源很少,设计师拿到需求后,直接就出高保真效果图了(当然,前期也经过了讨论,在纸上也画了交互的流程了)。对于时间不充分的时候来说,这样是会节约一部分时间。但是,这样经常会带来一个弊端:交互考虑不充分。为什么会这么...

    2018-04-26
  • 关于用户体验&交互设计的视频分享【日常思考0001】

    (。・∀・)ノ゙嗨这里是Chiki的深夜抽风小记录,做个日常思(bing)考(zheng)收集。公众号取名“Design for What"是希望以后自己做设计的时候可以多思考设计是为什么Find your passion,and let it kill you那么开始今天的开场首秀!今晚本想磕磕榛子垫垫肚子就……就开始做事来着,结果不小心打开平板……看了会视频(明明是好久……都是借口😭)不过视频不错分享给大家👇视频在这:截了有点不一样...

    2018-04-14
  • 用户体验才是真正的“一句顶一万句” 安徽燕之坊食品公司用勤哲软件实现生产、经营和管理数据的互联互通

    统计数据显示,截止2017年底,国内食品工业企业超过4万家,主营业务收入占全国工业的比重十分之一强。在实施制造强国战略和推进健康中国建设中,食品工业作为传统的“以食为天”的民生产业占据着不可或缺的重要位置。当前,食品行业在实现快速发展的过程中,面对城乡居民安全、多样、健康、营养、方便的食品消费需求时,与其他行业一样面临着转型、升级的动能和压力。尤其是在食品质量安全水平和高品质食品有效供给方面,利用现代信息技术创新消除安全和质量隐患等领域...

    2018-02-11
  • 关于用户体验

    产品不被喜欢的原因是漏了什么?答案是用户体验。如果你是一个产品经理,是否有深刻思考过这个问题呢?有人会说思考过,但似乎没什么用,产品还是不被喜欢。那是用户体验不重要,还是我们思考的不够呢?答案是后者。首先我们提出本篇要解决的核心问题:如何让产品被喜欢?(说明一下,这个产品可以是某种实物性的产品,也可以是一种服务性的产品。)这个问题提出后,很多人的脑海中会蹦出质量好、外观精致、用的舒服、服务周到等,但想到这些的人,一定还会有一个感受,就是...

    2018-04-09
  • 「Sketch」在Sketch中创建设计系统 | 第一章

    原文作者:Marc Andrew原文来自:Medium阅读全文大概需要10分钟相信大家都做过自己的设计规范,无论在个人项目还是团队项目中,设计规范的重要性不言自明,但很多人(不仅是初级UI设计师,也包括很多工作多年的UI设计师们)都有很多困惑,比如,做好的设计规范如何维护?设计规范到底能给项目带来哪些更具体的帮助?在很多人看来似乎设计规范成为了一个“无用的”标配,很多设计规范慢慢被封尘在项目文档中的某个角落里,从此不见天日。实际上我们整...

    2018-04-19
  • 【UED人物】朱锫:自然建筑

    近日,朱锫建筑事务所作品景德镇御窑博物馆荣获“2017年度The Architectural Review未来建筑奖”之“最佳文化建筑”(the Winner of the Cultural Regeneration category)。自此,又一位中国建筑师叩开了国际大奖之门。△ 景德镇御窑博物馆室内效果图“未来建筑奖”始于2002年,每年由英国知名建筑专业杂志《The Architectural Review》(建筑评论)评选并颁发...

    2018-02-07
  • AxureUX信息化精美简历模板完整版正式发布

    01作品信息作品名称:AxureUX信息化精美简历模板完整版作品类型:模板类发布日期:2018-03-12最新版本:v1.0主要适用:其它软件版本:Axure 8.0文件大小:5.6MB作品编号:OTH002作品售价:¥69.00详细介绍及演示:http://www.axureux.com/home/ResumeTemplatePro.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品是...

    2018-03-12
  • SKETCH | 周鸿祎自述:我的价值观

    在这本书的开头,我想讲讲影响我价值观的电影和书。说到价值观,有的人可能要笑了:都什么年代了,还讲价值观?虽然这本书的书名是《我的互联网方法论》,但这并不是按图索骥的说明书,你如果认为读完本书,就会做产品了,就能向互联网转型了,对不起,真的是做不到。赵括把兵书读了千百遍,在纸上推演了千百遍,到了实际的战场上,还是一个输。因为无论是做互联网产品,还是传统企业向互联网转型,能不能做得成,是看你能不能创新。而能不能创新,除了你的技能、阅历、领导...

    2018-04-26
  • 交互设计如何备考?二战学姐带你领略考研那些事

    姜嘉琪本科南京大学,信息管理与信息系统专业清华大学美术学院公布拟录取名单一周之后,心里那种不真实感终于平复下来。这是我第二年参加考试,至此也算是最好的结果了。为什么考研我本科的专业其实也算是个“交叉学科”,范围广必然深度不足,所以我一度非常迷茫,不知道未来究竟想做什么。后来上了一门《人机交互》的选修课,第一次了解到设计上的微妙差别给使用者带来的不同体验,经过反复思考,我觉得产品交互设计这个领域可以算是我个人兴趣、能力、期望最佳的结合点,...

    2018-04-20
  • UED建筑大师过大年,喜气洋洋温暖了留守娃的心田

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放世界上最美的花水木年华 - 世界上最美的花编者按:2018年1月19—21日,UED设计年会系列活动在江苏省宿迁市成功举办,共议如何在当下中国,以设计、文化、艺术的力量引领城乡发展。年会系列活动包含“设计·文化·艺术引领下的城市发展和乡村振兴”高峰论坛、第四届全国设计院院长交流会、UED建筑大师过大年等诸多精彩环节。路人甲听说你们也去现场啦?是的呢,我们是带着山里小朋友的心愿去的...

    2018-02-02