axure动态面板点击回到顶部操作实例

0 2021-06-01 18:01 内容校对:盖帽老弟
收藏(0) 共有 11 人学习了本教程

《axure动态面板点击回到顶部操作实例》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强操作实例,中继器,交互产品等多维度案例或实操来进行更多的学习;此教程是由zilin在2021-06-01发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。

点击回到顶部,最大功能是最方便快速回到头部,看到最新信息。当你翻阅历史消息的行为,因此也不排除会越翻越下,需要快速回顶部。所以教大家如何用Axure怎么制作回到顶部,详情往下看:

axure怎么设置所有面板回到顶部

1.打开Axure软件,新建一个母版,母版名称命名为“回到顶部”

axure动态面板点击回到顶部操作实例

2.向母版画布区拖入热区和自定义回到顶部控件,分别命名为 顶部热区 和 回到顶部。热区控件x,y坐标设置为0,0
3.将自定义回到顶部控件设置为 动态面板,命名为 顶部面板

4.双击顶部面板进入自定义回到顶部控件操作区,新增 鼠标单击事件,在弹出用例编辑窗口,添加动作选择 链接/滚动到元件<锚链接>,配置动作选择 顶部热区控件且仅垂直滚动设置,动画可根据实际需要自行选择,确认提交。

axure动态面板点击回到顶部操作实例

5.设置 自定义回到顶部控件可见性为 隐藏

6.选择 母版画布 交互事件为 窗口滚动时,在弹出用例编辑窗口选择 编辑条件,在条件设立窗口设置条件,窗口滚动距离大于500,显示回到顶部控件

axure动态面板点击回到顶部操作实例

7.同样操作,设置窗口滚动距离小等于500,隐藏回到顶部控件

axure动态面板点击回到顶部操作实例

8. 鼠标右键 顶部面板 选择 固定到浏览器项,根据实际需求设置回到顶部控件位置

axure动态面板点击回到顶部操作实例

9.将回到顶部母版拖到需求网页页面,完成网页回到顶部交互效果

以上就是axure动态面板点击回到顶部操作实例全部内容介绍了,关于更多axure9教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。

0

赠人玫瑰,手有余香

本内容由zilin原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

zilin

阿里巴巴UI设计师——你的想像,世界的模样。

共发布了870个文章 共获得49个赞

最新发布的教程

查看更多此作者的教程
用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员