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焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换. 查看演示>& ...
随机推荐
- poj 2031Building a Space Station
http://poj.org/problem?id=2031 #include<cstdio> #include<cstring> #include<cmath> ...
- Ural 1099 Work Scheduling
http://acm.timus.ru/problem.aspx?space=1&num=1099 题意:有n个人,很多对合作关系,每个人只能和一个人合作,求最多能选出多少人. 一般图匹配 # ...
- mysql中lock tables与unlock tables
官网:https://dev.mysql.com/doc/refman/5.0/en/lock-tables.html LOCK TABLES tbl_name [[AS] alias] lock_t ...
- axd与ashx区别
简单说明一下axd文件.axd文件实际上并不是在硬盘上存在的文件,而是HttpHandler的一种映射.在ASP.NET MVC中有很多内置的axd到ashx的映射.你可以在web.config中通过 ...
- android开发--翻转闹铃(从制作到打包)
(转载请声明,文章原作地址http://blog.csdn.net/buptgshengod) 最近在家放假,一直想做一个手机应用,于是就自己动手做起来了.想到一个注意就是当闹铃响的时候翻转闹铃,声音 ...
- Linux的文件/目录访问权限
一直以为对这个概念非常懂,但这次还是犯了眼高手低的毛病. 配置服务器遇到了一个问题,对某个WEB目录(例如"/bin"),有两个用户要对其进行读写操作: 首先apache服务器要对 ...
- VIJOS P1543极值问题
已知m.n为整数,且满足下列两个条件:① m.n∈1,2,…,K② (n^ 2-mn-m^2)^2=1编一程序,对给定K,求一组满足上述两个条件的m.n,并且使m^2+n^2的值最大.例如,若K=19 ...
- HDU_1874——最短路问题,Dijkstra算法模版
Problem Description 某省自从实行了很多年的畅通工程计划后,终于修建了很多路.不过路多了也不好,每次要从一个城镇到另一个城镇时,都有许多种道路方案可以选择,而某些方案要比另一些方案行 ...
- libvirt之virt-install
在使用kvm命令建立虚拟机时每次都要输入很长的命令,容易出现输入错误,可以使用libvirt管理虚拟机,libvirt支持kvm,xen等主流虚拟机的管理,下面介绍一下利用libvirt管理虚拟机. ...
- 利用"NOTIFYICONDATA"实现MFC的托盘程序
本文章为转发百度空间内容,,保存一下,以防以后用到.. 一.自定义信息 在头文件中加入下面这句话: #define WM_SHOWTASK (WM_USER+1) 二.MYDLG.CPP文件中添加_m ...