Axure rp9的使用——动态面板

时光毁灭记忆、已成空白 提交于 2020-02-23 20:15:25

一、动态面板

1、面板折叠

我们是需要在做好动态页面后,有两个面板页面,即一个展开一个折叠。
在这里插入图片描述
这就是前期我们准备折叠的部分,
在这里插入图片描述
在这里插入图片描述
接下来返回,对面板添加交互——页面点击时——设置面板状态,设置动作如下
在这里插入图片描述
就可以。这样就可以查看到页面的折叠效果,但是这里有一个需要注意的地方,我们需要将向下滑动的时间尽可能的短,否则下滑效果会很难受,很清晰的看到每一个动画滑过的状态。

2、标签导航

实现效果就是一般APP中的下方点击切换效果
首先制作好动态面板样式
在这里插入图片描述
先选中下方首页——添加交互——单击时——选择对应动态面板——状态选择我们设置的首页——确定。其他几个重复操作

3、移动端抽屉效果

要实现效果如图,右边是一个遮罩的效果
在这里插入图片描述
在我们设置好表头图标和文字后,新建一个动态面板——放在效果图文字的位置

——点击打开动态面板,在里边添加矩形框,添加每一个菜单栏——在新建一个

矩形调整位置和颜色作为遮罩层——右击动态面板选择置于顶层,避免被覆盖
在这里插入图片描述
选中上边的面板和矩形,右击设置隐藏。对图标设计交互效果
在这里插入图片描述

4、启动引导页

启动引导页的主要作用:
1、在用户未使用产品之前,告知用户产品的功能和特点
2、快速抓住用户眼球、获得更多的点击率
设置交互动作
在这里插入图片描述
如何让他还想可以向回滑动,那么就倒着设置上边的状态就可以,改成向右滑动

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!