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焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换. 查看演示>& ...
随机推荐
- Open vSwitch源码阅读【转】及自己的理解【稍后更新】
http://blog.chinaunix.net/uid-24485075-id-2240075.html
- [Android] hid设备按键流程简述
hexdump /dev/hidraw0就能看到usbhid设备传输过来的裸流 如:按下Input键 003ae60 0000 0096 8000 006b 0000 0000 0000 0000 * ...
- 通过示波器分析TypeB卡通讯数据
这几天,使用NFC芯片模拟了一张TypeB的cpu卡,在调试过程中,因为要检查射频性能,所以用示波器抓取了RFID读卡器和TypeB CPU卡之间的通讯数据.READER发送的数据位106K ASK调 ...
- PF_NETLINK应用实例NETLINK_KOBJECT_UEVENT具体实现--udev实现原理
PF_NETLINK应用实例NETLINK_KOBJECT_UEVENT具体实现--udev实现原理 相对于linux来说,udev还是一个新事物.然而,尽管它03年才出现,尽管它很低调(J),但它无 ...
- Java---多线程之死锁
★ 死锁的两种情况: 简单的说下单块cpu运行多线程的情况: 大家可能平时玩电脑,可以同时挂QQ啊,玩游戏啊,打开文本啊,等等.这里,我们假设是单块cpu.也就是俗称的单核cpu. 大家可能会觉得这些 ...
- Java学习日记-1 设置Java环境变量等
一.环境变量的设置 安装完jdk以后,需要配置环境变量,找到[我的电脑]-[属性]-[高级]-[环境变量] 这里需要配置3个环境变量 1.新建系统变量JAVA_HOME,变量值为jdk的安装路径,比如 ...
- POJ1661 Help Jimmy
Help Jimmy Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 9863 Accepted: 3201 Descriptio ...
- label标签的属性
//label标签的属性 - (void)viewDidLoad { //初始化一个label1标签对象,初始化有很多方法,最原始的就是init,此处用带有frame的方法 UILabel *labe ...
- Android SimpleAdapter GridView (网格图片点击放大显示)
GridView网格视图 GridView网格视图是按照行,列分布的方式来显示多个组件,通常用于显示图片或是图标等,在使用网格视图时,首先需要要在屏幕上添加GridView组件. 常用属性: 1. a ...
- test_wifi
#!/system/bin/sh #Load driver echo "ASD WIFI TESTING..." AP_NAME="default" num=0 ...