GHOST系统之家 - Windows系统光盘下载网站！
深度系统|雨林木风|番茄花园|萝卜家园|系统之家|电脑公司
首页Win10系统Win8系统Win7系统WinXP系统
系统文章
当前位置：GHOST系统之家>软件问题 > axure怎么绘制APP菜单阻尼滑动的原型图?

axure怎么绘制APP菜单阻尼滑动的原型图?

来源：Ghost系统之家浏览：时间：2022-09-08 09:14:28

阻尼滑动效果，简单来说，就是页面顶部的菜单在页面开始向上/向下滑动的时候并不跟页面一起运动（如下图），直到页面滑动一定距离后才开始运动。这个效果在很多手机APP或者wap站点中使用。效果很酷，实现却很简单，只需用动态面板多层嵌套即可实现。

axure怎么绘制APP菜单阻尼滑动的原型图?

axure怎么绘制APP菜单阻尼滑动的原型图?

axure怎么绘制APP菜单阻尼滑动的原型图?

axure怎么绘制APP菜单阻尼滑动的原型图?

1、新建一个axure

axure怎么绘制APP菜单阻尼滑动的原型图?

2、画一个长方形的动态面板（参数为：0，0，280，450）这里我只模拟效果，所以不考虑实际大小，在实际使用时，你可能要根据模拟的手机来画这个部分），给每个随手画出的动态面板起名字是个好习惯，双击state1进入动态面板内部

axure怎么绘制APP菜单阻尼滑动的原型图?

3、在state1中先画一个顶部菜单（参数为0,0,280,50），如果你还想顺便试一下底部菜单的效果也可以，但其实掌握了顶部菜单，底部就很容易了。

axure怎么绘制APP菜单阻尼滑动的原型图?

4、在顶部菜单之下画一个动态面板（参数0,50,280,400）

axure怎么绘制APP菜单阻尼滑动的原型图?

5、进入该动态面板的state1，画一堆不同颜色的方块，注意，最下面的方块一定要超过动态面板默认区域的高度。如果你有内容，也可以用内容来代替，不影响。

axure怎么绘制APP菜单阻尼滑动的原型图?

axure怎么绘制APP菜单阻尼滑动的原型图?

6、画好以后关闭这层，到上一层，也就是第4步的层。在动态面板上右键，选择 滚动栏，有必要显示垂直滑动条

axure怎么绘制APP菜单阻尼滑动的原型图?

7、关掉这层，到最上面一层，也就是双击左边sitemap的home后打开的页面，在第2步画的动态面板上做同样的滑动条设置操作。

axure怎么绘制APP菜单阻尼滑动的原型图?

8、预览一下，有没有出现我最早描述的效果？为了便于您掌握。

9、如果您根据文字描述做的无法实现我说的效果，请仔细研究原型。其实，这里只用到动态面板的多层嵌套和垂直滑动菜单的显示设置。

相关推荐：

标签：

推荐系统

  • 番茄花园 Windows 10 极速企业版 版本1903 2022年7月(32位) ISO镜像快速下载

    番茄花园 Windows 10 极速企业版 版本1903 2022年7月(32位) ISO镜像快速下载

    语言：中文版系统大小：3.98GB系统类型：Win10

    番茄花园 Windows 10 32位极速企业版 v2022年7月 一、系统主要特点： 使用微软Win10正式发布的企业TLSB版制作； 安装过程全自动无人值守，无需输入序列号，全自动设置； 安装完成后使用Administrator账户直接登录系统，无需手动设置账号。 安装过程中自动激活

  • 新萝卜家园电脑城专用系统 Windows10 x86 企业版 版本1507 2022年7月(32位) ISO镜像高速下载

    新萝卜家园电脑城专用系统 Windows10 x86 企业版 版本1507 2022年7月(32位) ISO镜像高速下载

    语言：中文版系统大小：3.98GB系统类型：Win10

    新萝卜家园电脑城专用系统 Windows10 x86企业版 2022年7月 一、系统主要特点： 使用微软Win10正式发布的企业TLSB版制作； 安装过程全自动无人值守，无需输入序列号，全自动设置； 安装完成后使用Administrator账户直接登录系统，无需手动设置账号。 安装过程

  • 笔记本&台式机专用系统 Windows10 企业版 版本1903 2022年7月(32位) ISO镜像快速下载

    笔记本&台式机专用系统 Windows10 企业版 版本1903 2022年7月(32位) ISO镜像快速下载

    语言：中文版系统大小：3.98GB系统类型：Win10

    笔记本台式机专用系统 Windows 10 32位企业版 v2022年7月 一、系统主要特点： 使用微软Win10正式发布的企业TLSB版制作； 安装过程全自动无人值守，无需输入序列号，全自动设置； 安装完成后使用Administrator账户直接登录系统，无需手动设置账号。 安装过

  • 笔记本&台式机专用系统 Windows10 企业版 版本1903 2022年7月(64位) 提供下载

    笔记本&台式机专用系统 Windows10 企业版 版本1903 2022年7月(64位) 提供下载

    语言：中文版系统大小：3.98GB系统类型：Win10

    笔记本台式机专用系统 Windows10 64专业版 v2022年7月 一、系统主要特点： 使用微软Win10正式发布的专业版制作； 安装过程全自动无人值守，无需输入序列号，全自动设置； 安装完成后使用Administrator账户直接登录系统，无需手动设置账号。 安装过程中自动

  • 雨林木风 Windows10 x64 企业装机版 版本1903 2022年7月(64位) ISO镜像高速下载

    雨林木风 Windows10 x64 企业装机版 版本1903 2022年7月(64位) ISO镜像高速下载

    语言：中文版系统大小：3.98GB系统类型：Win10

    新雨林木风 Windows10 x64 企业装机版 2022年7月 一、系统主要特点： 使用微软Win10正式发布的企业TLSB版制作； 安装过程全自动无人值守，无需输入序列号，全自动设置； 安装完成后使用Administrator账户直接登录系统，无需手动设置账号。 安装过程中自动激活

  • 深度技术 Windows 10 x64 企业版 电脑城装机版 版本1903 2022年7月(64位) 高速下载

    深度技术 Windows 10 x64 企业版 电脑城装机版 版本1903 2022年7月(64位) 高速下载

    语言：中文版系统大小：3.98GB系统类型：Win10

    深度技术 Windows 10 x64 企业TLSB 电脑城装机版2022年7月 一、系统主要特点： 使用微软Win10正式发布的企业TLSB版制作； 安装过程全自动无人值守，无需输入序列号，全自动设置； 安装完成后使用Administrator账户直接登录系统，无需手动设置账号。 安装过程

  • 电脑公司 装机专用系统Windows10 x64 企业版2022年7月(64位) ISO镜像高速下载

    电脑公司 装机专用系统Windows10 x64 企业版2022年7月(64位) ISO镜像高速下载

    语言：中文版系统大小：3.98GB系统类型：Win10

    电脑公司 装机专用系统 Windows10 x64 企业TLSB版2022年7月一、系统主要特点： 使用微软Win10正式发布的企业TLSB版制作； 安装过程全自动无人值守，无需输入序列号，全自动设置； 安装完成后使用Administrator账户直接登录系统，无需手动设置账号。 安装过

  • 新雨林木风 Windows10 x86 企业装机版2022年7月(32位) ISO镜像高速下载

    新雨林木风 Windows10 x86 企业装机版2022年7月(32位) ISO镜像高速下载

    语言：中文版系统大小：3.15GB系统类型：Win10

    新雨林木风 Windows10 x86 专业版 2022年7月 一、系统主要特点： 使用微软Win10正式发布的专业版制作； 安装过程全自动无人值守，无需输入序列号，全自动设置； 安装完成后使用Administrator账户直接登录系统，无需手动设置账号。 安装过程中自动激活系统，无

相关文章

热门系统

热门文章

常用系统

GHOST系统之家发布的内容均来至互联网或用户投稿,仅供个人学习使用，不得用于任何商业用途并请在下载后24小时内删除,如果满意请联系版权方购买。

Copyright © 2022-2028 Ghost系统之家 www.win864.cn 系统/软件/文章投稿请联系 邮箱：web2028$foxmail.com($换@)

如果您发现本站侵害了您的版权，请立即联系我们，本站将第一时间进行相关处理。