vue视频教程 linux Docker 分布式 swing checkbox pdo underscorejs Validator 网络营销视频教程 java后台框架 网页设计公司 python3文件操作 python语言入门 python循环语句 python插件 java集合 java正则表达式匹配 java文件写入 java开发环境配置 java初学 学习java基础 java接口的实例 python视频教程 黑帮之地修改器 typemonkey js延迟加载的方式 只狼脚本 lol体验服转换器 摩尔斯电码翻译器在线 steam怎么卸载 微信临时链接多久失效 子节点 r330不能识别墨盒 电脑待机费电吗 模拟邻居 fireworks序列号 梦想世界答题器 qq浏览器手机版 文件批量更名
当前位置: 首页 > 学习教程  > 编程语言

Axure 教程:用中继器做APP引导页

2020/10/16 18:03:47 文章标签:

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

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

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

 

一、效果演示

 

 

原型预览及下载地址:

https://axhub.im/pro/ac01112ce2eaf28f

 

二、功能介绍

 

1. 推广类引导页

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

自动播放功能:

 

 

跳过广告功能:

 

 

点击广告查看详情功能:

 

 

左右滑动翻页:

 

 

 

2. 功能介绍类引导页

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

 

 

 

3. 使用说明类引导页

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

 

 

 

三、制作方法

 

1. 制作手机外框

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

 

 

 

2. 中继器内制作

2.1 中继器表格

在pic列右键导入图片即可

 

 

2.2 中继器交互

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

中继器每项加载时设置图片=item.pic

 

 

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

2.3 动态面板交互

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

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

 

 

2.4 鼠标单击时事件

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

2.5 自动播放图片

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

 

 

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

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


本文链接: http://www.dtmao.cc/news_show_300353.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?