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焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换. 查看演示>& ...
随机推荐
- 遇到个鬼,在WIN08的DELL R710上安装CENTOS 63,无法格式化以前的硬盘分区,安装无法进行下去。
遇到个鬼,在WIN08的DELL R710上安装CENTOS 63,无法格式化以前的硬盘分区,安装无法进行下去. 我下面类似的办法来解决,就是---进行在安装过程中,用快捷键:Ctrl+Alt+F2到 ...
- android:ListView的局部刷新
1.简介 对于android中的ListView刷新机制,大多数的程序员都是很熟悉的,修改或者添加adapter中的数据源之后,然后调用notifyDataSetChanged()刷新ListView ...
- android Base64加密解密
// 加密传入的数据是byte类型的,并非使用decode方法将原始数据转二进制,String类型的数据 使用 str.getBytes()即可 String str = "Hello!&q ...
- Spring boot将配置属性注入到bean类中
一.@ConfigurationProperties注解的使用 看配置文件,我的是yaml格式的配置: // file application.yml my: servers: - dev.bar.c ...
- 2015第30周三Spring常用工具类
文件资源操作 文件资源的操作是应用程序中常见的功能,如当上传一个文件后将其保存在特定目录下,从指定地址加载一个配置文件等等.我们一般使用 JDK 的 I/O 处理类完成这些操作,但对于一般的应用程序来 ...
- 01背包之求第K优解——Bone Collector II
http://acm.hdu.edu.cn/showproblem.php?pid=2639 题目大意是,往背包里赛骨头,求第K优解,在普通01背包的基础上,增加一维空间,那么F[i,v,k]可以理解 ...
- 【3】JAVA---地址App小软件(AddPanel.class)(表现层)
添加地址信息界面. 年龄和地址必须是数字,否则会弹出窗口提示. 地址信息不能为空. /* * AddPanel.java * * Created on __DATE__, __TIME__ */ pa ...
- 怎么都没人提 google 加密搜索呢? google如何稳定打开
1. 使用smarthosts提供的hosts文件 https://smarthosts.googlecode.com/svn/trunk/hosts2. 修改浏览器默认搜索引擎为 https://e ...
- JDK 和JRE的区别
JRE:Java Runtime Environment/Java运行时环境目标用户:只需要运行Java程序的用户JRE包含了:Deployment,User Interface Toolkits,I ...
- 如何编写一个JSON解析器
编写一个JSON解析器实际上就是一个函数,它的输入是一个表示JSON的字符串,输出是结构化的对应到语言本身的数据结构. 和XML相比,JSON本身结构非常简单,并且仅有几种数据类型,以Java为例,对 ...