博客

Axure rp9的使用——动态面板

  • Post author:
  • Post category:其他




一、动态面板



1、面板折叠

我们是需要在做好动态页面后，有两个面板页面，即一个展开一个折叠。

在这里插入图片描述

这就是前期我们准备折叠的部分，

在这里插入图片描述

在这里插入图片描述

接下来返回，对面板添加交互——页面点击时——设置面板状态，设置动作如下

在这里插入图片描述

就可以。这样就可以查看到页面的折叠效果，但是这里有一个需要注意的地方，我们需要将向下滑动的时间尽可能的短，否则下滑效果会很难受，很清晰的看到每一个动画滑过的状态。



2、标签导航

实现效果就是一般APP中的下方点击切换效果

首先制作好动态面板样式

在这里插入图片描述

先选中下方

首页

——添加交互——单击时——选择对应动态面板——状态选择我们设置的首页——确定。其他几个重复操作



3、移动端抽屉效果

要实现效果如图，右边是一个遮罩的效果

在这里插入图片描述

在我们设置好表头图标和文字后，新建一个动态面板——放在效果图文字的位置

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

矩形调整位置和颜色作为遮罩层——右击动态面板选择置于顶层，避免被覆盖

在这里插入图片描述

选中上边的面板和矩形，右击设置隐藏。对图标设计交互效果

在这里插入图片描述



4、启动引导页

启动引导页的主要作用：

1、在用户未使用产品之前，告知用户产品的功能和特点

2、快速抓住用户眼球、获得更多的点击率

设置交互动作

在这里插入图片描述

如何让他还想可以向回滑动，那么就倒着设置上边的状态就可以，改成向右滑动


版权声明：本文为shenyou_fu原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。