原型设计工具Axure RP新手教程(五):锚链接教程

在本教程中,您将学习如何创建一个将页面向下滚动到特定窗口小部件的链接。


在本教程中,您将学习如何创建一个将页面向下滚动到特定窗口小部件的链接。(点击下方图片查看视频)

原型设计工具Axure RP新手教程(五):锚链接教程

小部件设置

原型设计工具Axure RP新手教程(五):锚链接教程 原型设计工具Axure RP新手教程(五):锚链接教程

  • 打开一个新的RP文件,然后在Pages(页面窗格中双击Page1(页面1以在画布上将其打开。
  • 将一个按钮小部件从Libraries(窗格拖到画布上,并将其放置在页面顶部。
  • 将一个占位符窗口小部件拖动到画布上,然后将其放在页面的下方。(屏幕快照中指示的占位符位于Y:2,000。)

滚动互动

原型设计工具Axure RP新手教程(五):锚链接教程 原型设计工具Axure RP新手教程(五):锚链接教程

  • 选择按钮小部件,然后在Interactions(交互窗格中单击New Interaction(建交互
  • 在出现的列表中选择Click或Tap事件,然后选择Scroll to Widget (Anchor Link)(滚动到小部件(锚链接)操作。
  • 在目标下拉列表中,选择占位符小部件。
  • 将滚动方向保留为Vertically(垂直,然后单击OK(确定以保存操作。

注意:

如果愿意,可以在Animate(动画下拉列表中向页面滚动添加动画。

预览互动

原型设计工具Axure RP新手教程(五):锚链接教程

  • 在Web浏览器中预览页面,然后单击按钮向下滚动到占位符。

想要获得Axure RP更多资源、正版授权的伙伴,请咨询【客服】了解

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年1月10日
下一篇 2020年1月10日

相关推荐

发表回复

登录后才能评论