因工作需要得设计出手机屏幕滚动条原型,你们知道使用axure如何设计吗?下文就带来了使用axure设计出手机屏幕滚动条原型的具体操作方法 。
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH04129-0.jpg)
1、我们先打开我们的axure软件,点击新建,然后将我们的手机模型拖拽进我们的axure,点击我们的“动态面板”将其往编辑窗口拖拽 。如下图
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH04950-1.jpg)
2、创建好我们的动态面板之后,按住“ctrl c”将其复制下来,然后双击我们的“外层动态面板”下面的state1,然后按住“ctrl v”将我们的“外层动态面板”复制下来
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH05Z7-2.png)
3、然后将我们复制下来的“外层动态面板”的名字改为“内层动态面板”,然后双击我们“内层动态面板”下面的“state1”,进入之后,将我们的光标放置于该编辑页内,然后点击鼠标右键,点击“滚动条”,“自动显示垂直滚动条” 。这时候我们就会发现我们的“内层动态面板”下的“state1”已经有一个滚动条,如下图
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH022L-3.png)
4、我们的滚动条做好之后,我们需要给我们的动态面板添加内容,我们点击“占位符”,并将其拖到我们的动态面板内 。
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH03436-4.png)
5、由于我们要体现的是一种滚动状态,所以我们的内容必须要长于我们的动态面板所显示的范围,所以我们需要多次添加内容,我们边按住“ctrl”边拖动我们刚才建立的“占位符”,即可复制 。如下图 。
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH04226-5.png)
6、如果我们想要区分这些占位符,我们可以双击该占位符,然后向其中输入自己想要的数据,如下图
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH02F5-6.jpg)
7、然后我们可以预览我们做出来的效果了,我们按住F5,或者点击上面的“预览”,进入网页之后,我们上下滚动鼠标即可看出我们的效果了 。
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH064F-7.png)
8、这时候,有些人会不喜欢我们的滚动条那么难看,这时候我们返回我们的axure页面,直接点击“外层动态面板”,然后将我们的“内层”面板的滚动条拖拽到“外层动态面板”的外面,如下图 。
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH05315-8.jpg)
9、然后我们可以预览我们做出来的效果了,我们按住F5,或者点击上面的“预览”,进入网页之后,我们上下滚动鼠标即可看出我们的效果了 。
![使用axure设计出手机屏幕滚动条原型具体操作方法](http://pic.yunnanlong.com/230305/1RH03459-9.png)
【使用axure设计出手机屏幕滚动条原型具体操作方法】根据上文为你们分享的使用axure设计出手机屏幕滚动条原型的具体操作方法,你们是不是都学会了呀!
推荐阅读
- Linux文本浏览器lynx如何使用
- 使用wps2019绘画出倒圆角矩形具体操作步骤
- Vpper壁纸Ap的详细使用步骤介绍
- g828工作室基本使用方法说明
- 为什么提倡使用沼气
- 使用3100COM口数据线的一点心得
- 腮红太红了怎么办
- 数据线--不能忽视的问题
- 使用完的口罩怎么处理
- win10连接外接显示器后音箱怎么使用