初学者必学！AxureRP8-9微信上下回弹效果 |4张图搞清边界问题

         相信很多Axure初学者对动态面板中拖动事件中移动页面的边界设置，有着疑惑，本次教程以微信聊天页面中拖动到底部之后，依然可继续拖动，但松开后回弹到底部的交互功能。活不多说，马上开始。

        首先，建立一个中续器，里面有头像、以及信息文本

         其次，右键中续器创建动态面板。快捷键Ctrl+Shift+Alt+D。将新建的动态面板重命名为小面板。

        注意：动态面板选项中要勾选调整大小以适合内容；而创建这个面板的功能就在与储存中续器所有行和列的内容。但这时候添加拖动交互时，预览后你会发现随着中续器行数增加，页面长度会不断变长，很显然不符合微信中固定展示信息条数的交互功能。

        最后，我们离成功更近一步啦，也就是确认大面板的，即固定展示给用户的大小范围，鼠标右键小面板再创建动态面板，命名为大面板。大面板中添加交互拖动面板时，移动小面板。也就是说当我们接触到大面板的范围是，小面板进行移动。

 

        之后在大面板中添加两个热区，一个为顶热一个为底热，也就是确定在大面板中展示内容顶部和底部的位置。

 

---------------------------------------------------------------------------------------------------------------------------------

        重点来啦！

        1.在大面板中新建交互结束拖放动态面板时，

        2.启动用例如下图，小面板（中续器创建的动态面板）未接触到顶热热区

               

        3.小面板进行设置动作移动（180为小面板中X轴的位置，y为0，因为在小面板里0即使起点）

         到这里，一个顶部回弹的效果已经完成了哒，可以先试着预览一下效果。

底部回弹同理，但是在设置小面板到Y轴位置时就不是0了。如图180同理X轴位置不变，即左右不变，y轴中[[Math.min(280-LVAR1.height,0)]]函数意思是（280-小面板长度）与0比较，选择最小的数，280为大面板的y大小，因为小面板时连接中续器的，长度会不断变化，当内容大于大面板时，我们便要移动小面板来将更多的内容呈现给用户。