Axure自动幻灯片制作
1、打开axure7,开始。
2、拖一个占位符组件到布局上(当然也可以是矩形、图片之类的),大小270*170,作为幻灯片的第一张片子,双击写上“第一张片子”。
3、拖一个矩形,设置形状为椭圆,调整大小为10*10,调成一个正圆,Ctrl+D,连续复制到第4个,表示当前幻灯片的数量,排列整齐,放到上面的占位符下方,设置第一个指示器的背景色为灰色,表示当前选中状态。做好的效果如下:
4、现在开始,动态面板上场了:选中占位符组件,右键“转换为动态面板”,起个名字main,选中4个圆形指示器组件,右键“转换为动态面板”,起个名字index。
为什么要搞两个独立的动态面板?因为我们想上面的幻灯片有滑动效果,而下面的指示器不需要滑动效果,如果放在一起,做滑动效果时,下面的指示器会跟着一道滑动,实际上我们看到的指示器一般自己不会滑动。(里面的当前指示器滑动效果另当别论哈,可以使用移动来模拟这个指示器的移动效果)
5、复制动态面板main的第一个状态为状态2、状态3、状态4,并依次将里面的占位符组件文字改为“第二张片子”、“第三张片子”、“第四张片子”。
6、复制动态面板index的第一个状态为状态2、状态3、状态4,并依次设置一下第二个状态到第四个状态中指示器的背景色,第二个状态当然是设置第二个指示器的背景色,注意把第二个状态中之前设置的第一个指示器的背景色还原为原来的默认白色,这样切换到第二个状态时,当前选中的指示器就是第二个了。
7、关键一步:添加自动循环处理,给动态面板添加事件,为了让它自动开始,需要在它的“载入时”事件中添加代码,在“载入时”事件上双击,弹出用例编辑器窗口,选择“设置动态面板状态”,在右侧的窗口中选择main和index两个动态面板,在选择状态下拉框中,注意选择“下一步”,而不是选择特定的某个状态,然后勾选下方的“从最后一个到第一个自动跳转”,并设置main进入时和退出时的动画都为向左滑动(指示器动态面板index不要设置动画,它不需要滑动效果),动画时长默认。
8、F5预览一下,发现并没有自动播放,因为上一步我们只在载入时添加了事件,还需要在“动态面板状态改变时”事件中添加事件,只要把载入时的事件复制到这个事件上即可,事件可以全部复制和粘贴哦!
9、再F5预览一下,还不行?检查一下上面的步骤,理论上这时已经自动循环播放了,只是发现速度有点快,因为我们没有停留时间。现在在设置动态面板的状态为下一步之前添加一个等待事件,设置为1000毫秒,即等待1秒,注意这个等待1000毫秒不要放在设置动态面板的状态之后哦!
10、再次预览,看起来正常了吧。
Axure自动幻灯片制作的更多相关文章
- 快速入手Web幻灯片制作
在线幻灯片 使用markdown可以快速的写出优美的文档,接下来我介绍一些简单的语法,快速的用浏览器制作幻灯片. 最基本使用格式 <!DOCTYPE html> <html> ...
- Axure自动备份功能!让意外不在可怕!
忘记保存了......... 电脑意外重启了............... 不小心删除了.......................... 每次做axure的时候,多有了太多的意外了! 萧何今天在微 ...
- axure 动态面板制作图片轮播 (01图片轮播)
利用Axure的动态面板组件制作图片轮播: 首先现在操作区添加一个动态面板组件: 鼠标放在动态面板上,右键单击选择面板状态管理,给动态面板设置名称并添加两条状态然后点击确定. 双击动态面板,然后双击s ...
- Axure中怎么制作锚点
实现目标 点击导航条不同的菜单,页面跳到菜单相应的位置,实现页面自动滚动. 1. 拖入编辑区3个矩形,并相应命名为菜单1,菜单2 ,菜单3: 2. 再新建3个想要制作的文本框准备进行锚点滚动: 3 ...
- CSS3幻灯片制作心得
大神勿喷,这是小弟自己学习的痕迹. CSS3动画效果核心代码 @keyframes slideLeft { 0% { left: -500px; } 100% { ; } } @keyframes s ...
- LaTex幻灯片制作
头部声明是“幻灯片”: \documentclass{beamer} 其他: \documentclass{beamer}\usepackage{graphicx}\usepackage{epstop ...
- Axure 8 Tab制作
1 在[页面]面板中选中[page1] 2 在[元件库]中选中[动态面板],并拖拽到[设计区域]中 3 双[设计区域]中的动态面板,打开[动态面板管理]页面 4 在[动态面板管理]页面中输入动态面板的 ...
- dockerfile-maven plugin自动镜像制作并发布
环境准备:win10+docker 1.打开hyper-v 2.下载最新版本docker:https://store.docker.com/editions/community/docker-ce-d ...
- 18款 非常实用 jquery幻灯片图片切换
1.jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动 jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换. 查看演示>& ...
随机推荐
- (?m) 可以让.去匹配换行
<pre name="code" class="html"># User@Host: zjzc_app[zjzc_app] @ [10.171.24 ...
- 创建组合索引SQL从1个多小时到1S的案例
select aa.acct_org, aa.loan_acct_no, aa.FUNCTIONARY, aa.cust_no, sum(dwm.pkg_tools.currcdtran(bb.INT ...
- PF_NETLINK应用实例NETLINK_KOBJECT_UEVENT具体实现--udev实现原理
PF_NETLINK应用实例NETLINK_KOBJECT_UEVENT具体实现--udev实现原理 相对于linux来说,udev还是一个新事物.然而,尽管它03年才出现,尽管它很低调(J),但它无 ...
- Linux下查看进程(程序)启动时的环境变量
背景: 因最近试安装Linux下的jira,有一个中文插件安装后,一旦设置开机启动后,它是英文,而在终端再重新启动一次后呢,似乎插件生效,它又恢复为正常中文界面,我首先想这这涉及到一个环境变量的问题, ...
- Bloom Filter(布隆过滤器)
布隆过滤器用于测试某一元素是否存在于给定的集合中,是一种空间利用率很高的随机数据结构(probabilistic data structure),存在一定的误识别率(false positive),即 ...
- Hive学习笔记【转载】
本文转载自:http://blog.csdn.net/haojun186/article/details/7977565 1. HIVE结构 Hive 是建立在 Hadoop 上的数据仓库基础构架. ...
- nova-network创建初始化网络
nova-network创建初始化网络
- implode 多维数组转一维数组并字符串输出
//多维数组返回一维数组,拼接字符串输出 public function r_implode( $glue, $pieces ) { foreach( $pieces as $r_pieces ) { ...
- Java做acm所需要的基础知识之排序问题
Java做acm所需要的基础知识. 以前做acm的题都是用C/C++来写代码的,在学习完Java之后突然感觉Java中的方法比C/C++丰富很多,所以就整理一下平时做题需要用到的Java基础知识. 1 ...
- eclipse中新建maven项目
maven是个项目管理工具,集各种功能于一身,下面介绍maven web项目在eclipse种的配置,并于tomcat集成.配置成功后,可以跟一般的web项目一样调试. 一.准备条件 1.安装下载jd ...