使用axure设计出手机屏幕滚动条原型的具体操作方法

Axure RP Pro

软件大小： 34.9MB

更新时间： 2024-03-04 17:06:23

所属分类： 办公工具

查看详情 直接下载

yesky

标签：

• Axure
• 原型设计

 因工作需要得设计出手机屏幕滚动条原型，你们知道使用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设计出手机屏幕滚动条原型的具体操作方法，你们是不是都学会了呀!