2021-05-07

 

1、在页面中常常会有展开更多的提示，那么如何在Axure中做出这样的的效果呢？在Axure中一共有两种方式，第一种是比较简单粗暴的显示与隐藏，第二种是动态面板切换，让我们先来看看第一种是怎么做的，首先把要显示的做出来，然后再把要隐藏的放在显示的上面，如下

2、上图是没有隐藏的要隐藏的，那么第二步就是要隐藏起来，首先可以把要隐藏的编组后面会方便，再把收起隐藏起来，(在调长宽高的地方有一个隐藏的框把他勾上就可以隐藏了）如下

 

 

3、现在开始设置互交样式，先在展开更多字上设置鼠标单击时找到显示/隐藏，选择你要显示的组合，在隐藏展开更多就完成了展开，但是还没有将收起的设置完成，其实收起和展开一样都是一个隐藏一个显示，所以我们可以知道收起怎么做，（注：不管是隐藏还是显示都要选择推动元件，这样才可以做到页面效果），如下（第一张是展开的互交样式，第二张是收起的互交样式）

 

4、最后把收起隐藏，第一种方法就好了，做好样子是这样的，如下

5、第一种说完了，现在来说第二种方法，第二种是用动态面板和中续器一起做出来，先做出模板,就是里面是中续器外面是动态面板。

 

6、接下来在动态面板里设置交互样式，在展开更多选择鼠标单击找到设置面板状态，选择状态二，勾选推动/拉动文件方向为下方或者是右侧（按照页面样式选择）动画为线性或自主选择，时间为500毫秒，设置完动态面板状态一如下

 

 

7、设置完展开后面就设置收起，跟上面6设置的差不多，只是改动一个内容，把状态二改为一。

8、完成后，就可以做到收起和拉起的效果。

 

 

这是我所学到的Axure展开更多的引用步骤，要分享给你们，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！