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

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

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

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

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

设计思路：

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

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

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

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

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

以下是相关demo和rp(axure 6)文件

下拉刷新demo.rar (160.23 KB, 下载次数: 112)

下拉刷新-rp.rar (60.58 KB, 下载次数: 175)

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

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