axure怎么设计手机屏幕的滚动条原型?
我要评论axure想要设计一个手机屏幕滚动条的效果，该怎么制作呢？下面我们就来看看详细的教程。
1、我们先打开我们的axure软件，点击新建，然后将我们的手机模型拖拽进我们的axure，点击我们的“动态面板”将其往编辑窗口拖拽。如下图
2、创建好我们的动态面板之后，按住“ctrl+c”将其复制下来，然后双击我们的“外层动态面板”下面的state1，然后按住“ctrl+v”将我们的“外层动态面板”复制下来
3、然后将我们复制下来的“外层动态面板”的名字改为“内层动态面板”，然后双击我们“内层动态面板”下面的“state1”，进入之后，将我们的光标放置于该编辑页内，然后点击鼠标右键，点击“滚动条”，“自动显示垂直滚动条”。这时候我们就会发现我们的“内层动态面板”下的“state1”已经有一个滚动条，如下图
4、我们的滚动条做好之后，我们需要给我们的动态面板添加内容，我们点击“占位符”，并将其拖到我们的动态面板内。
5、由于我们要体现的是一种滚动状态，所以我们的内容必须要长于我们的动态面板所显示的范围，所以我们需要多次添加内容，我们边按住“ctrl”边拖动我们刚才建立的“占位符”，即可复制。如下图。
6、如果我们想要区分这些占位符，我们可以双击该占位符，然后向其中输入自己想要的数据，如下图
7、然后我们可以预览我们做出来的效果了，我们按住F5，或者点击上面的“预览”，进入网页之后，我们上下滚动鼠标即可看出我们的效果了。
8、这时候，有些人会不喜欢我们的滚动条那么难看，这时候我们返回我们的axure页面，直接点击“外层动态面板”，然后将我们的“内层”面板的滚动条拖拽到“外层动态面板”的外面，如下图。
9、然后我们可以预览我们做出来的效果了，我们按住F5，或者点击上面的“预览”，进入网页之后，我们上下滚动鼠标即可看出我们的效果了。
以上就是axure中制作手机滚动条效果的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
axure怎么做滑动效果? axure做手机触摸屏幕滑动效果的方法
相关文章
Axure RP 8怎么制作验证码倒计时原型？平时我们填写手机验证码的时候，验证码都是有时效的，该怎么设置一分钟的倒计时时效呢？下面我们就来看看详细的教程，需要的朋友可以2016-12-30
Axure RP 8怎么设置文字提交工功能原型？Axure中经常制作一些网页原型，想要设置一个可以提交文本的功能，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考2016-12-30
Axure RP 8怎么设计可以完成数学加法计算？Axure设计网页的时候，想要在输入框中输入数据，完成加法计算，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考2016-12-30
Axure RP 8怎么利用变量控制标题变化？Axure中想要制作一个通过按钮改变二级标题，该怎么设置呢？下面我们就来看看Axure结合变量和元件控制标题变化的教程，需要的朋友可以2016-12-29
Axure RP 8怎么设计图片点赞功能的网页原型？想要给网页添加一个图片点赞的功能，该怎么添加呢？下面我们就来看看使用Axure来完成的教程，需要的朋友可以参考下2016-12-29
Axure RP 8怎么设置一个矩形全局变量？Axure绘制页面原型的时候，想要添加一个矩形的全局变量，该怎么设置呢？下面我们就来看看详细的设置方法，需要的朋友可以参考下2016-12-29
Axure圆角矩形怎么画？Axure绘制网页原型的时候，需要绘制圆角举行，该怎么绘制这个图形呢？下面我们就来看看axure画圆角矩形的教程，需要的朋友可以参考下2016-12-26
Axure RP 8怎么利用占位符设计五角星形状？Axure中设计网页原型的时候，想做一个五角星图形，该怎么做呢？今天我们就来看看使用占位符实现的教程，需要的朋友可以参考下2016-12-15
axure RP 8怎么做图片轮换的效果？axure设计网页原型的时候，想要做一个图片轮播的效果，该怎么做呢？下面我们就来看看详细的教程。需要的朋友可以参考下2016-12-15
axure动态面板怎么设置显示与隐藏？axure设计网页原型的时候，该怎么设置东台面板，怎么设置显示与隐藏呢？下面我们就来看看详细的教程，需要的朋友可以参考下2016-12-14
最新评论