Axure8.0滚动效果设置

今天get一个新技能,首先感谢前辈大神的指点!

今天在做一个app页面设计时,想达到纵向滚动的效果,之前没有做过,今天尝试了一下,百度了几个方法,感觉都不是很靠谱,找了一位前辈咨询了一下,发现了一个很简便的方法,分享给大家,也相当于自己做下笔记。

其实就分2步,做2个动态面板,第一个:显示屏幕的范围。第二个:控制显示滚动效果,填充显示内容。

如图:

第一步:设定一个显示范围,转为控制面板


Axure8.0滚动效果设置_第1张图片
一个简单的控制面板


设置此控制面板的一个状态进去:


Axure8.0滚动效果设置_第2张图片
进入此面板的第一个状态

接着建立第二个控制面板,即上一个面板的状态


Axure8.0滚动效果设置_第3张图片
如图,设置第二个动态面板,且将滚动条设为自动显示垂直滚动条

注意以下步骤:


Axure8.0滚动效果设置_第4张图片
拉动面板,将滚动条拉出面板区域,这样可以防止显示时看到滚动条,相当于隐藏了


最后,在第二个面板的状态内填充需要的内容


Axure8.0滚动效果设置_第5张图片
填充内容


Axure8.0滚动效果设置_第6张图片
我随便填充了几个矩形


最后,外面看到的效果就是这样的


Axure8.0滚动效果设置_第7张图片
外面第一层看到的效果


然后点预览,我们的滚动效果就有啦!

很简单哦,可以尝试下!

你可能感兴趣的:(Axure8.0滚动效果设置)