Axure教程:用中继器做APP引导页
时间:2020-05-20

文章教大家如何在Axure用中继器做APP引导页,与&大家分享。

今天教大家用中继器做app的引导页,该原型使用方便简单,制作完成后,所有交互都┄┅已经设定好,您只需要在中继器中导入图片,即〥可自动生成app的引导╝页,不需要连外网。

app引导页主要有三类,根据不同的类别有不同的效果。

一、效果演示

原型演示地址:https://axhub.iↆm/pro/679326080aa14177/#g=1&≌p=%E9%9D%99%E6%80%81%E5%☆B9%BF%E5%⿱91%8A%E℡6%8E۩%A8%E5%B9%BF%E7%B1%BB

二、功能介绍

1. 推广←类引导页

推广类引导页,主要放的是广告,用户可以观看,广告或者选择跳过,具有以下几个功能

自动播放功⿲能:

跳过广告功能:

点击广告查看详情功能:

左右◁滑动翻页:

2. 功▄能介绍类引导″页

功能介绍类引导页,主要是向用户介绍此app的亮点,所以同样具备自动播放、左右滑动查看的功能,此外≈鼠标点击∩时,会〾进入下一张引导页。

3. 使用说明类引导页

使用说明类引导页,主要是向用户介绍如何ξ使用该app,所以可以不会自动跳转,通过鼠标单击代表用户已∶明白,才会进入下一页。

三、制作方法

1.§ 制作手机外框

可以在网上手机外框的素材,如下图所示:

2☑. 中继器内制作Ч

2.1 中继器表格

在pic列右键导入图片即可*

2.2 ξ中继器交互

在中继器中放入一张图片,图片大Δ小和‖∠手机中部空白大小一致即可

中继器每项加载时设置图片=iteлm.pic

将中继器转为动态面板,设置动态面板的大小和单张图片大小一致。

2.3 动态面板交☆互

鼠标向左滑动时,我们需要判断,该图片是不是最后一张,如果不是最后一张,移动动态面板到下一张图片,如果是最后一张,隐@藏该动态面板,即可进入首页。

鼠标向右滑动时⿴,要判断是不是第一张,如果是第一张的话不做交互,如果不是第一张的话,动态面板向左移动一张图的距离。

2.4 鼠标单击时|︴()〔〕々事件

需要分两类Π,一类是♡点击进入下一张引导页,那么鼠标单击时,๑触发°゜鼠标向左滑动结束时的事件就可以了。另外一种是要打开另外一个页面,这时需要设置在内ぁ联◈框架打开某个页面即可。

2.5 自动播放图片

这个也很简单,拖入一个新Θ的动态面板,让他状态÷改变的时候,触发向左☼滑动结束时的事件即可。

这样就制作完成←了,以后使用,仅需导入图片,即可自动生〦成app的引导〧页,所以强烈推荐给各位使用。

有问题的小伙伴,或者需要原型的小π伙伴们可以给我留言哦。

 

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

题图来自Un◣splash,基于CC0协议

上一篇: 解决百度误判原创问题(经验之谈)
下一篇: SHODAN:2014年全球联网设备分布地图 美国欧洲普及率最高

热门推荐

精选推荐

摆摊做什么生意比较好赚钱_摆摊做什么生意呢_摆小地摊卖什么赚钱 2019-2022版权所有