关于axure制作手机滚动条效果的操作步骤。

大家知道axure制作手机滚动条效果吗?下文手机方法网小编就带来了在axure制作手机滚动条效果的简单使用教程,一起来看看吧!

axure制作手机滚动条效果的操作步骤

axure制作手机滚动条效果的操作步骤

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

axure制作手机滚动条效果的操作步骤截图

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

axure制作手机滚动条效果的操作步骤截图

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

axure制作手机滚动条效果的操作步骤截图

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

axure制作手机滚动条效果的操作步骤截图

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

axure制作手机滚动条效果的操作步骤截图

6、如果想要区分这些占位符,可以双击该占位符,然后向其中输入自己想要的数据,如下图

axure制作手机滚动条效果的操作步骤截图

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

axure制作手机滚动条效果的操作步骤截图

8、这时候,觉得滚动条那么难看,这时候返回我们的axure页面,直接点击“外层动态面板”,然后将“内层”面板的滚动条拖拽到“外层动态面板”的外面,如下图。

axure制作手机滚动条效果的操作步骤截图

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

axure制作手机滚动条效果的操作步骤截图

上文就讲解了axure制作手机滚动条效果的操作步骤,希望有需要的朋友都来学习哦。

本文来自投稿,不代表手机方法网立场,如若转载,请注明出处:https://www.welqi.com/196476.html

(0)
春天春天
上一篇 2024年4月25日 20:34
下一篇 2024年4月25日 20:35

相关推荐

  • 我来分享优酷白屏的处理操作讲解。

    当前有的网友使用优酷这款应用还会遇到白屏的情况。那么在使用过程里,优酷白屏怎么处理呢?这里带给大家优酷白屏的处理操作教程。 优酷白屏的处理操作讲解 1.点选项-internet选项…

    2024年4月23日
    0350
  • 我来分享SolidWorks2019倒角命令使用方法。

    今天讲解的是SolidWorks2019倒角命令使用方法,想要学习的小伙伴可以去了解了解,相信对大家一定会有所帮助的。 SolidWorks2019倒角命令使用方法 打开solid…

    2024年5月10日
    0300
  • 教你使用线刷宝解决手机无法开机问题的详细操作。

    很多朋友表示自己还不会使用线刷宝解决手机无法开机问题。今天手机方法网小编就分享使用线刷宝解决手机无法开机问题的操作方法,一起来看看吧。 使用线刷宝解决手机无法开机问题的详细操作 第…

    2024年3月9日
    0280
  • 小编教你会声会影X9导出做好视频的图文教程方法。

    最近有位朋友表示自己刚刚入手会声会影X9还不会导出做好视频,为此非常苦恼,那么会声会影X9如何导出做好视频的呢?下面为大家分享会声会影X9导出做好视频的图文教程。 会声会影X9导出…

    2024年6月9日
    0320
  • 小编教你ai制作彩色羽毛素材的操作步骤。

    倘若想制作彩色羽毛素材,大家知道如何实现吗?下文手机方法网小编就带来了关于借助ai制作彩色羽毛素材的教程,一起来看看吧! ai制作彩色羽毛素材的操作步骤 椭圆工具绘制椭圆形,用直接…

    2024年4月24日
    0270
  • 小编教你怎么做微信公众号抽奖。

    媒体要注重与粉丝之间的互动,这是留住粉丝还有快速增长粉丝的关键中的关键,不可否认的是现在越来越多的人选择通过微信公众号抽奖来宣传互动,去吸引粉丝关注了,相比较之前一味的群发文章,这…

    2024年4月26日
    0420
  • 今天分享cdr制作公司招牌的图文操作过程。

    现在许多网友还不了解cdr制作公司招牌的操作,下面就讲解关于cdr制作公司招牌的图文操作过程,希望对你们有所帮助哦。 cdr制作公司招牌的图文操作过程 1、首先我们打CorelDr…

    2024年4月20日
    0340
  • 说说PPT制作立体边框的操作过程。

    今天讲解的是PPT制作立体边框的操作过程,想学习PPT制作立体边框的操作步骤的,就去下文看一看,了解了解,相信对大家一定会有所帮助的。 PPT制作立体边框的操作过程 打开PPT,为…

    2024年4月16日
    0260
  • 分享快压制作加密压缩包的操作教程方法。

    这篇文章是教大家快压制作加密压缩包的操作教程,教程简单易学,有需要的小伙伴就赶紧和手机方法网小编一起来学习一下吧。 快压制作加密压缩包的操作教程 我们需要先选择要压缩的文件, 右键…

    2024年6月9日
    0250
  • 今天分享PS打造不锈钢按钮的操作流程。

    PS这款软件相信各位都有些了解的,而本文就讲解了PS打造不锈钢按钮的操作流程,一起来学习吧,相信对大家一定会有所帮助的哦。 PS打造不锈钢按钮的操作流程 1、打开PS软件,新建画布…

    2024年4月23日
    0220