axure制作手机滚动条效果的操作步骤
大家知道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制作手机滚动条效果的操作步骤,希望有需要的朋友都来学习哦。

- 在Word中编辑图片的几种方法分享
- 凉堇年♀2026-07-03 03:07:20

- 联想电脑管家一键更新驱动程序的方法
- 攻心2026-07-03 03:07:15

- 联想电脑管家使用教程:备份电脑驱动程序
- 昔日&2026-07-03 03:07:14

- WPS邮件合并的具体操作步骤
- 迟暮。2026-07-03 03:07:13

- 在抖音中拍同款上传图片的技巧分享
- 迷糊2026-07-03 03:07:11

- 在抖音中查找好友的具体步骤
- 忘殇2026-07-03 03:07:10

- 在咪咕视频中多屏同看的图文讲解
- 野仄2026-07-03 03:07:08

- 在抖音中找回账号密码的具体方法
- 颜面2026-07-03 03:07:07

- 在抖音中更改登录密码的具体步骤
- 杯与酒2026-07-03 03:07:07

- 在抖音中设置不感兴趣的方法分享
- 旧模样2026-07-03 03:07:05























