freeqs 发表于 2011-7-8 11:51:23

移动手机端 下拉刷新 案例 及 组件分享

这是一个我们在手机端应用中经常会看到的案例(见下图)



当我们把内容页下拉的时候出现“刷新提示”,释放后会自动更新内容。
这是一个很好的功能,一方面不会影响用户的正常阅读,另一方面避免用户进行多余的手势操作

鉴于比较实用,把它做成了原型,用于以后的项目中


设计思路:

整个原型是用"演示操作"来布局的,因为这是一个扩展功能,不应该影响整体结构

“下拉刷新”和“释放立即刷新”做成了一个动态面板里的两部分用“设置动态面板指定状态”切换

“主体内容部分”和上面“下拉刷新”做成一个整个动态面板,用“移动动态面板”控制

再制作一个隐藏的“手型”做演示

完成后将所有的控制选择 写在右侧手势层里面(如下图)



以下是相关demo和rp(axure 6)文件
页: [1]
查看完整版本: 移动手机端 下拉刷新 案例 及 组件分享