Axure案例：如何制作微信原型？ 先铺上效果给大家看：点击体验 PS：笔者用Google浏览器无法查看本案例的交互，不知道什么原因，知道的同学请留言喔！ 由于页面过多，只上了部分效果图。开头已经说明，笔者尽自己最大的能力模仿微信的交互，并没有完全一样，望大家能够体谅。 一、效果截图 启动页： 微信页： 通讯录： 发现页： 朋友圈： 我： 订阅号： 表情： 二、实现 具体效果及操作见原型地址，在文章头部，本文将着重说说朋友圈发布及刷新的实现过程。 1. 朋友圈的效果实现 第 1 页 共 3 页 分析： 界面下拉回弹后，上方出现图案旋转，图案旋转后隐藏，新的内容出现，并且排在首位；发布信息，点击右上角相机，灯箱效果出现相册发布—选取照片—填充内容—发布内容—回到朋友圈界面；笔者将是通过中继器来实现交互效果； 三、实现步骤： 1. 给朋友圈元件组合添加如下交互： 2. 相册界面添加如下元件： 具体元件和微信朋友圈界面是一致的，或者打开我的原型链接查漏补缺，因为实在是太多元件了，这里就不一一标注了。 需要注意的是，要设置两个动态面板，形成嵌套关系，即是要移动的内容放到第二个的动态面板中，第一个动态面板所设置的大小等于所显示的内容。切记，第二层的大小一定要大于第一层的大小。 3. 交互效果如下： 4. 拖动时： 事件一：为了让动态面板能够垂直拖动，并且设置了上下边界，防止页面不见。 事件二：当上滑的页面高度大于朋友圈的背景图片所呈现的顶部菜单样式，值“-309”是页面下滑的位置，由于页面是上滑，所以是负的，你可根据你的具体大小来设至。 事件三：如果上滑的页面高度小于朋友圈的背景图片，呈现原来的顶部菜单样式，所以隐藏。 第 2 页 共 3 页 本文来源：https://www.wddqw.com/doc/91d841aab3717fd5360cba1aa8114431b90d8e63.html