如何实现下拉刷新的效果

　　如何利用Axure去实现下拉刷新的效果？一起来文中看看
　　思路如下：
　　拖动页面，显示箭头朝下的图标，文字提示下拉刷新；
　　继续拖动，当拖动高度60时，显示箭头朝上的图标，文字提示释放刷新；
　　限制下拉高度0120，达到120，无法继续拖动；
　　释放拖动，页面回弹，到60的位置，显示loading图标，文字提示正在刷新；
　　为loading图标配上动画，2秒后，刷新结束；
　　刷新结束，页面回弹到0的位置，展示toast，提示刷新成功。
　　原型稿为375667的效果：
　　（1）往布局中拖一个控制面板，命名为操作面板，该面板宽高375667，双击面板，在面板的State1状态页面中，拖2个控制面板。
　　面板1命名为内容面板，宽高375667，起始位置为（0，0），用于存放页面内容；
　　面板2命名为刷新面板，宽高为37560，起始位置为（0，60），当然刷新面板是看不见的。
　　如下图所示：
　　（2）点击刷新面板，增加3个状态页面，分别是下拉刷新，释放刷新，正在刷新。如名字所示，刷新面板表示了下拉刷新的3个不同状态。
　　组件概要如下图：
　　下拉刷新状态页，包含向下的箭头，以及文字提示下拉刷新；
　　释放刷新状态页，包含向上的箭头，以及文字提示释放刷新；
　　正在刷新状态页，包含loading图片，以及文字提示正在刷新。
　　（3）为操作面板设置交互事件拖动时，如下图：
　　动作1：移动内容面板，设置垂直拖动，设置垂直拖动的范围，顶部y值介于0120；表示内容面板可拖动范围最大是120。
　　如下图：
　　动作2：设置刷新面板的状态为下拉刷新，如下图：
　　动作3：移动刷新面板，设置垂直拖动，设置垂直拖动的边界，刷新面板底部内容面板的y值，也就是刷新面板移动范围，不超过内容面板。
　　点击fx，如下图：
　　以上3个动作，算是完成了一个下拉的操作；你一定发现了，用例当中增加了2个判断条件，如下图：
　　这个条件是干嘛用的呢？
　　当下拉移动的距离超过一定范围的时候，下拉刷新要改为释放刷新
　　这里我们设置的值为60，当内容面板下拉距离60的时候，刷新面板的状态，要修改为释放刷新。
　　增加用例的条件。点击用例编辑页面中的编辑条件，如下图：
　　跳转到条件编辑页面，如下图：
　　我们要设置的条件是，内容面板的下拉高度60。
　　内容面板的高度如何获取呢？
　　点击fx，设置内容面板的下拉高度，如下图：
　　创建一个局部变量content元件内容面板；content。top表示内容面板顶部的y值，即内容面板拖动的高度。
　　以上条件加完了，但是还没结束，以上步骤仅表示下拉刷新过程中，鼠标（表示移动端触摸事件）未释放之前的操作，还需要继续。
　　（3）为操作面板设置设置交互事件拖动结束时，如下图：
　　动作1：移动内容面板到（0，60）的位置，这个位置刚好60的高度，可以展示刷新面板的刷新提示信息；这个移动动作，表示下拉到120位置后的面板回弹效果；配合动画食用更佳；
　　动作2：移动刷新面板到（0，0）位置，并设置边界；表示刷新状态的回弹效果；
　　动作3：设置刷新面板的状态，修改为正在刷新；面板回弹前状态是释放刷新，此时我们已经释放鼠标（触摸效果），处于loading状态了。
　　动作4：设置刷新面板中loading图标的旋转效果，这个不用多解释了，就是让loading效果转起来
　　动作5：设置等待时间，让loading效果持续一段时间；
　　动作6：移动内容面板到（0，0）位置。表示刷新结束，功成身退，回到最初的起点。
　　动作7：移动刷新面板到（0，Target。height）。同6；
　　动作8：设置刷新面板的状态为下拉刷新，面板状态复位，回到最初的状态；
　　动作912：设置刷新结束的Toast的显示与隐藏。
　　以上