《Axure 教程:用中继器做APP引导页》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强操作实例,交互产品,页面,动态面板等多维度案例或实操来进行更多的学习;此教程是由倪倪在2021-08-26发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
今天教大家用中继器做app的引导页,该原型使用方便简单,制作完成后,所有交互都已经设定好,您只需要在中继器中导入图片,即可自动生成app的引导页,不需要连外网。
app引导页主要有三类,根据不同的类别有不同的效果。
原型演示地址:https://axhub.im/pro/679326080aa14177/#g=1&p=%E9%9D%99%E6%80%81%E5%B9%BF%E5%91%8A%E6%8E%A8%E5%B9%BF%E7%B1%BB
1. 推广类引导页
推广类引导页,主要放的是广告,用户可以观看,广告或者选择跳过,具有以下几个功能
自动播放功能:
跳过广告功能:
点击广告查看详情功能:
左右滑动翻页:
2. 功能介绍类引导页
功能介绍类引导页,主要是向用户介绍此app的亮点,所以同样具备自动播放、左右滑动查看的功能,此外鼠标点击时,会进入下一张引导页。
3. 使用说明类引导页
使用说明类引导页,主要是向用户介绍如何使用该app,所以可以不会自动跳转,通过鼠标单击代表用户已明白,才会进入下一页。
可以在网上手机外框的素材,如下图所示:
2.1 中继器表格
在pic列右键导入图片即可
2.2 中继器交互
在中继器中放入一张图片,图片大小和手机中部空白大小一致即可
中继器每项加载时设置图片=item.pic
将中继器转为动态面板,设置动态面板的大小和单张图片大小一致。
2.3 动态面板交互
鼠标向左滑动时,我们需要判断,该图片是不是最后一张,如果不是最后一张,移动动态面板到下一张图片,如果是最后一张,隐藏该动态面板,即可进入首页。
鼠标向右滑动时,要判断是不是第一张,如果是第一张的话不做交互,如果不是第一张的话,动态面板向左移动一张图的距离。
2.4 鼠标单击时事件
需要分两类, 一类是点击进入下一张引导页,那么鼠标单击时,触发鼠标向左滑动结束时的事件就可以了。另外一种是要打开另外一个页面,这时需要设置在内联框架打开某个页面即可。
2.5 自动播放图片
这个也很简单,拖入一个新的动态面板,让他状态改变的时候,触发向左滑动结束时的事件即可。
这样就制作完成了,以后使用,仅需导入图片,即可自动生成app的引导页,所以强烈推荐给各位使用。
以上就是Axure 教程:用中继器做APP引导页的全部内容介绍了,关于更多Axure教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 axure中继器使用教程之制作直播视频的卡片列表操作实例
> 下一篇 Axure 用中继器做排名图操作实例
2022-06-13 09:50
2022-05-31 15:33
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论