移动手机端 下拉刷新 案例 及 组件分享
这是一个我们在手机端应用中经常会看到的案例(见下图)当我们把内容页下拉的时候出现“刷新提示”,释放后会自动更新内容。
这是一个很好的功能,一方面不会影响用户的正常阅读,另一方面避免用户进行多余的手势操作
鉴于比较实用,把它做成了原型,用于以后的项目中
设计思路:
整个原型是用"演示操作"来布局的,因为这是一个扩展功能,不应该影响整体结构
“下拉刷新”和“释放立即刷新”做成了一个动态面板里的两部分用“设置动态面板指定状态”切换
“主体内容部分”和上面“下拉刷新”做成一个整个动态面板,用“移动动态面板”控制
再制作一个隐藏的“手型”做演示
完成后将所有的控制选择 写在右侧手势层里面(如下图)
以下是相关demo和rp(axure 6)文件
页:
[1]