2021-01-18

Axure RP 水泡导航栏与幻灯片

开发工具与关键技术： Axure RP  原形设计
作者：欧志健
撰写时间：2020/1/18

水泡导航栏：
首先拉几个矩形完成框架再在设置鼠标移入便完成水泡导航栏
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210118162533268.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTk4MzM1OA==,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210118162542976.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTk4MzM1OA==,size_16,color_FFFFFF,t_70#pic_center)



幻灯片：
首先使用动态面板配合标题、矩形和图片完成框架
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021011816255222.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTk4MzM1OA==,size_16,color_FFFFFF,t_70#pic_center)


然后再设置动态面板的鼠标单击和状态改变时交互
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210118162600737.jpg#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210118162610616.jpg#pic_center)

最后设置开始与停止交互

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210118162619118.jpg#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210118162629105.jpg#pic_center)