查看: 7464|回复: 0

【jmfans案例系列】模拟今日头条下拉刷新效果

[复制链接]

0

主题

53

回帖

404

积分

版主

BOSS

Rank: 7Rank: 7Rank: 7

积分
404
发表于 2014-11-24 11:41:38 | 显示全部楼层 |阅读模式
尹广磊公众帐号
实现效果:下拉刷新新闻列表。
xlsx.png
实现关键思路:
1、创建两个新闻列表:当前新闻,刷新新闻,重叠放置,刷新新闻默认隐藏;
2、添加两个刷新提示:松开后推荐和正在刷新,两个都默认隐藏;
3、在“当前新闻”列表上添加事件,选择交互动作:单指按下并保持滑动时
添加执行动作一:移动(当前新闻列表)-选择使用光标-选择Y轴;
添加执行动作二:显示(松开后推荐提示);
添加执行动作三:移动(松开后推荐提示)-选择使用光标-选择Y轴;
4、继续在“当前新闻”列表上添加事件,选择交互动作:结束滑动时
添加执行动作一:隐藏(松开后推荐提示);
添加执行动作二:显示(正在刷新提示);
添加执行动作三:移动(当前新闻列表)-固定(输入坐标,即紧挨着正在刷新提示下的位置);
添加执行动作四:暂停(2000毫秒),即刷新的等待时间;
添加执行动作五:隐藏(正在刷新提示);
添加执行动作六:移动(当前新闻列表)-固定(输入坐标,即插入了刷新新闻后,当前新闻列表下移);
添加执行动作七:显示(刷新新闻列表);
演示地址:http://www.jmfans.com/example/xlsx/index.html

原文地址:http://www.jmfans.com/archives/706

下拉刷新.vp

791.67 KB, 下载次数: 94

评分

1

查看全部评分

您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-4-29 15:57

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表