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.guiqulai.com/103487.html

(0)
上一篇 3分钟前
下一篇 3分钟前

相关推荐

  • 分享ps制作高光效果的操作流程。

    很多网友不知道ps制作高光效果的操作,接下来,就归来教程小编为大家介绍ps制作高光效果的操作教程,感兴趣的快来看看吧! ps制作高光效果的操作流程 一、使用矩形工具 1、首先选择“…

    2024年11月28日 PC教程
    0194
  • 说说Word。

    当前许多用户还不会Word 2013重新设置字间距的操作,不过没关系,下面就分享了Word 2013重新设置字间距的操作方法,希望感兴趣的朋友都来共同学习哦。 Word 2013重…

    2024年11月6日 PC教程
    0351
  • 电脑公司解答谷歌浏览器Mac版卸载应用软件的方法步骤。

    有时候使用谷歌浏览器Mac版时,因有些应用软件不使用要下载,怎么办呢?别急,下文就是关于谷歌浏览器Mac版卸载应用软件的方法步骤,一起看看去吧。 谷歌浏览器Mac版卸载应用软件的方…

    2024年11月2日 PC教程
    0259
  • 手把手为你讲解vc6.0创建工程文件的详细操作。

    最近有很多朋友向我咨询关于用vc6.0创建工程文件的问题,今天就为大家介绍如何用vc6.0创建工程文件,希望能够帮助到大家。 vc6.0创建工程文件的详细操作 首先我们打开vc6.…

    2025年1月4日 PC教程
    01.8K
  • 高手解说ps怎么做两种颜色背景。

    很多小伙伴不知道ps怎么做两种颜色背景?下面归来教程小编给大家带来了ps制作双色海报教程分享,一起来看看吧。 ps怎么做两种颜色背景?ps制作双色海报教程分享 1.打开界面后,新建…

    2025年1月10日 PC教程
    01.7K
  • 分享腾讯电脑管家如何查看版本。

    使用腾讯电脑管家的时候,很多小伙伴不知道如何查看版本,下面归来教程小编就给大家带来腾讯电脑管家查看版本教程,有需要的小伙伴不要错过哦。 腾讯电脑管家如何查看版本?腾讯电脑管家查看版…

    2024年12月31日
    01.4K
  • 腾讯电脑管家节能模式怎么开启。

    使用腾讯电脑管家的时候,很多小伙伴不知道节能模式怎么开启,下面归来教程小编就给大家带来腾讯电脑管家节能模式开启教程,有需要的小伙伴不要错过哦。 腾讯电脑管家节能模式怎么开启?腾讯电…

    2025年1月5日
    0407
  • MindMapper中过滤功能的方法步骤。

    经常使用MindMapper的朋友,一定知道过滤功能吧,下面就分享一下MindMapper中过滤功能的方法步骤吧。 MindMapper中过滤功能的方法步骤 首先打开MindMap…

    2024年12月8日 PC教程
    01.2K
  • 小编分享Beyond。

    你们的电脑中是不是也在使用Beyond Compare软件呢?不过你们晓得BeyondCompare中十六进制比较怎么设置对齐方式的吗?下文就为你们带来了Beyond Compar…

    2024年12月20日
    0585
  • 分享酷狗唱唱使用方法讲解。

    今天归来教程小编给大家介绍酷狗唱唱使用方法讲解,我们不妨一起去看看吧。 酷狗唱唱使用方法讲解 1、点击k歌图标即可开始选歌唱歌 2、调整歌词大小 3、用户也可以先体验练歌模式哦 上…

    2024年10月27日
    034