悬浮框_Axure教程：APP/PC页面悬浮按钮显示与隐藏效果

无论是APP或者PC端页面，右下角大多都会有默认收起的悬浮按钮，点击悬浮按钮后会展开更多信息。本文作者介绍了如何用Axure实现悬浮按钮显示与隐藏效果的操作步骤，以及实现过程中的一些心得体会，与大家分享。

01 前期准备

软件：Axure 9.0

硬件：Windows/Mac电脑

思考：实现悬浮按钮显示与隐藏效果前的思考(可参考下图)

由此可以看出，显示效果和隐藏效果交互效果相反即可。

02 教程

1. 准备素材，我们需要准备悬浮按钮的图标及列表页内容，以及一个页面

1.1 先准备页面，拖动一个矩形元件，设置尺寸为1080*768，设置背景色为黑色。