人人是产品经理Axure 7.0手机页面拖动弹回效果

1、在部件库中拖入一个图片部件 双击打开浏览手机外壳图片 加入到工作区中 跳转这张手机外壳图片的大小和位置

3、选择页面中列表页下面所有的部件 将他们转换成为一个动态面板 将这个动态面板的名称命名为拖动 将这个拖动面板宽度大小为手机的内部宽度大小 高设置为手机内部高度减去列表页部件的高度大小

5、现在我们来设置拖动2面板的交互动作 当我们拖动面板时 面板X轴是不变的 只会改变Y轴的位置 所有我们在拖动2面板的动作交互 拖动动态面板时 移动拖动2面板 Y轴拖动

7、我们幻踔佐曝返回到拖动面板的状态1页面 设置一下拖动2的 结束拖动动态面板时 的交互动作 在弹出的用例编辑器中 编辑一下条件 当动态面板拖动2的部件范围未接触到顶部参考线时 移动拖动2面板到绝对位置（0,0） 将拖动2面板弹回显示第一屏位置