模拟今日头条下拉刷新效果

实现效果:下拉刷新新闻列表。

下拉刷新

下拉刷新

实现关键思路:

1、创建两个新闻列表:当前新闻,刷新新闻,重叠放置,刷新新闻默认隐藏;

2、添加两个刷新提示:松开后推荐和正在刷新,两个都默认隐藏;

3、在“当前新闻”列表上添加事件,选择交互动作:单指按下并保持滑动时

添加执行动作一:移动(当前新闻列表)-选择使用光标-选择Y轴;

添加执行动作二:显示(松开后推荐提示);

添加执行动作三:移动(松开后推荐提示)-选择使用光标-选择Y轴;

4、继续在“当前新闻”列表上添加事件,选择交互动作:结束滑动时

添加执行动作一:隐藏(松开后推荐提示);

添加执行动作二:显示(正在刷新提示);

添加执行动作三:移动(当前新闻列表)-固定(输入坐标,即紧挨着正在刷新提示下的位置);

添加执行动作四:暂停(2000毫秒),即刷新的等待时间;

添加执行动作五:隐藏(正在刷新提示);

添加执行动作六:移动(当前新闻列表)-固定(输入坐标,即插入了刷新新闻后,当前新闻列表下移);

添加执行动作七:显示(刷新新闻列表);

演示地址:http://www.jmfans.com/example/xlsx/index.html

原型下载请到QQ群下载:374358071,欢迎关注微信公众号:justinmind.

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录