菜鸟日记 -- axure8 下拉加载

效果展示 & 效果说明

1. 当下拉高度不满足【刷新临界点】时，结束拖动，恢复原状

2. 当下拉高度大于等于【刷新临界点】时，状态切换为【正在刷新】

1. 准备元素，【下拉加载动态面板】& 【内容动态面板】：【下拉刷新面板】在可视区域外，并且设置三种状态，

    1). 下拉未到触发临界点（我的原型中是60），

    2). 下拉到触发临界点，正在刷新

    3).  刷新完成

2. 【内容动态面板】设置下拉拖动时的状态

    1). 拖动小于60（刷新元件高度）：设置case条件，我的【内容面板】起始位置xy（49， 80），实际值为【140】时，设置【内容面板】面板状态为【下拉刷新】，移动【下拉刷新面板】底部为【内容面板】顶部位置，移动【内容面板】范围实际值为 80 到 180（基础坐标80，自定义数值100）

    2). 拖动大于60：设置case条件，面板操作与(1)一致，只需切换【下拉刷新面板】状态为【正在刷新】

3. 【内容面板】设置【拖动结束】时状态

    1). 拖动小于【60】时，不进行刷新操作，只需还原状态，移动【内容面板】到初始位置（49， 80），移动【下拉刷新面板】y值跟随移动距离，并且还原【下拉面板】状态为初始【下拉刷新】

2). 拖动大于等于【60】时，移动【内容面板】到【触发刷新临界点（49，140）】，等待【一定时间】，状态切换为【刷新完成】，等待【一段时间】，结束刷新，所有状态回退到初始状态，（1）中操作

，

以上，掰掰~