Axure 实现手机滑动效果
2016-01-28 10:01
363 查看
1.截取手机状态栏,粘贴到axure中并调整适当大小。
2.拖拽一个动态面板并调整适当大小,将动态面板命名为“body”。
3.双击动态面板,axure弹出动态面板状态管理,点击‘+’号,新增两个状态,分别将三个状态命名为“body-1、body-2、body-3”,点击确定。
4.拖拽一个矩形控件,调整至与动态面板相同大小,并填充颜色,如此操作状态body-2、body-3.将其余两个状态填充不同颜色加以区分。
5.返回Home页面点击动态面板,在axure右侧选择向左滑动时,axure弹出用例编辑器。
6.选择动态面板-设置动态面板状态
7.勾选body(动态面板),在右下方设置“选择状态-next”,进入时动画“向左滑动”,退出时动画“向左滑动”,确定保存。
8.相同方式设置“向右滑动时”,勾选body(动态面板),在右下方设置“选择状态-previous”,进入时动画“向右滑动”,退出时动画“向右滑动”,确定保存。
9.运行就可以实现效果啦
2.拖拽一个动态面板并调整适当大小,将动态面板命名为“body”。
3.双击动态面板,axure弹出动态面板状态管理,点击‘+’号,新增两个状态,分别将三个状态命名为“body-1、body-2、body-3”,点击确定。
4.拖拽一个矩形控件,调整至与动态面板相同大小,并填充颜色,如此操作状态body-2、body-3.将其余两个状态填充不同颜色加以区分。
5.返回Home页面点击动态面板,在axure右侧选择向左滑动时,axure弹出用例编辑器。
6.选择动态面板-设置动态面板状态
7.勾选body(动态面板),在右下方设置“选择状态-next”,进入时动画“向左滑动”,退出时动画“向左滑动”,确定保存。
8.相同方式设置“向右滑动时”,勾选body(动态面板),在右下方设置“选择状态-previous”,进入时动画“向右滑动”,退出时动画“向右滑动”,确定保存。
9.运行就可以实现效果啦
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif)
相关文章推荐
- hidesBottomBarWhenPushed导航栏右上角黑块
- git 命令行
- verilog中的initial语句
- 实例讲解JS中setTimeout()的用法
- wpf 程序异常捕获,而不崩溃退出
- php cURL模拟https请求报错
- runtime API
- Java 中System里getProperty 方法获得系统参数
- Have a first child
- UITableViewCell点击时背景颜色
- GCD
- Squid 操作实践
- Jquery DataTables 自定义布局
- android 调用 dexopt 的位置
- Squid 操作实践
- vim工具链环境搭建
- kmp算法
- 小小白初入编程江湖之初入职场迷茫篇
- static_cast、dynamic_cast、const_cast和reinterpret_cast总结
- Codeforces Round #340 (Div. 2) C. Watering Flowers