axure制作手机滚动条效果

 时间:2024-10-13 09:29:17

1、打开axure软件,点击新建,然后将手机模型拖拽进axure,点击“动态面板”将其往编辑窗口拖拽。如下图

axure制作手机滚动条效果

2、创建好动态面板之后,按住“ctrl+c”将其复制下来,然后双击“外层动态面板”下面的state1,然后按住“ctrl+v”将“外层动态面板”复制下来

axure制作手机滚动条效果

3、然后将复制下来的“外层动态面板”的名字改为“内层动态面板”,然后双击“内层动态面板”下面的“state1”,进入之后,将光标放置于该编辑页内,然后点击鼠标右键,点击“滚动条”,“自动显示垂直滚动条”。这时候就会发现我们的“内层动态面板”下的“state1”已经有一个滚动条,如下图

axure制作手机滚动条效果

4、滚动条做好之后,需要给动态面板添加内容,点击“占位符”,并将其拖到动态面板内。

axure制作手机滚动条效果

5、由于要体现的是一种滚动状态,所以内容必须要长于我们的动态面板所显示的范围,所以需要多次添加内容,按住“ctrl”拖动刚才建立的“占位符”,即可复制。如下图。

axure制作手机滚动条效果

6、然后可以预览我们做出来的效果了,按住F5,或者点击上面的“预览”,进入网页之后,上下滚动鼠标即可看出效果了。然后可以预览做出来的效果了,按住F5,或者点击上面的“预览”,进入网页之后,上下滚动鼠标即可看出效果了。

axure制作手机滚动条效果
  • 怎样用PS制作环绕着电子的原子(上)
  • 如何用PS制作光晕素材
  • PS(Photoshop2022)将图层设置为3D金字塔模型
  • PS怎么图层顶部对齐
  • PS2019cc设置在使用变换时显示参考点。
  • 热门搜索
    爱我中华手抄报资料 交通安全的手抄报 关于欢度春节的手抄报 爱国手抄报大全 关于感恩节的手抄报 英语手抄报内容大全 关于珍爱生命的手抄报 三年级手抄报保护环境 历史手抄报花边 关于正月十五的手抄报