微信下拉出现眼睛这种效果怎么html实现下拉效果的

想实现ios微信首页里 的UITableView 往下拉到尽头 出现微信logo 背景图的效果
级别: 新手上路
可可豆: 15 CB
威望: 24 点
在线时间: 155(时)
发自: Web Page
想实现ios微信首页里 的UITableView 往下拉到尽头 出现微信logo 背景图的效果&&&
想实现ios微信首页里 的UITableView 往下拉到尽头 出现微信logo的效果。。请大神给出实现思路,小弟试过多种方法貌似都不行,是在controller的view里头 加一个背景view 放在 tableView的下面吗,但是 tableView下拉时候的空白会挡着..设置tableView的tableHeaderView也不行...在线等
级别: 新手上路
UID: 300615
可可豆: 92 CB
威望: 67 点
在线时间: 1602(时)
发自: Web Page
把view加到tableview上面,坐标设成负的下拉的时候就出来了
级别: 新手上路
可可豆: 15 CB
威望: 24 点
在线时间: 155(时)
发自: Web Page
但是我想實現的效果是,下拉的時候那個view不隨滾動條滾動而滾動.微信首頁裡面.下拉的時候,會露出底部的logo.而且是固定位置的,
级别: 新手上路
UID: 300615
可可豆: 92 CB
威望: 67 点
在线时间: 1602(时)
发自: Web Page
那你把那个视图设置为tableview的背景视图_tableview.backgroundView = _freshV我这试验了可以
级别: 新手上路
可可豆: 15 CB
威望: 24 点
在线时间: 155(时)
发自: Web Page
底部這個view.也是隨滾動條滾動的時候固定起來?但是這樣的話不會蓋著每一個section的header和tableview的footer,header嗎,我想微信首頁那個是一個imageview作為一個背景view吧
级别: 新手上路
UID: 300615
可可豆: 92 CB
威望: 67 点
在线时间: 1602(时)
发自: Web Page
你按我的方法自己加个uiview试试啊,我这边没有加header和footer, 背景是固定的,会不会盖着头和尾我就不知道了
我想应该不会盖着的,毕竟他是只有在tableview拉下去之后才显示出来的,而头和尾视图是一直显示的,所以头和尾视图盖着他,而不是他盖着头和尾视图
级别: 新手上路
可可豆: 15 CB
威望: 24 点
在线时间: 155(时)
发自: Web Page
貌似可以了,刚从后台转过来的,呵呵...所以 谢谢啦
级别: 新手上路
UID: 300615
可可豆: 92 CB
威望: 67 点
在线时间: 1602(时)
发自: Web Page
级别: 新手上路
可可豆: 10 CB
威望: 10 点
在线时间: 39(时)
发自: Web Page
刚用swift练练手,写了个,看看是不是你要得效果 /Marenqing/backInfo
级别: 新手上路
UID: 177154
可可豆: 36 CB
威望: 30 点
在线时间: 65(时)
发自: Web Page
希望能帮到你
关注本帖(如果有新回复会站内信通知您)
3*3+1 正确答案:10
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 浏览移动版仿UC天气下拉和微信下拉眼睛 - ListView|PullToRefresh - 安卓序 | ApkDemo
1345 次浏览 |
文章目录仿UC天气下拉和微信下拉眼睛 效果
仿UC天气下拉和微信下拉眼睛 说明
仿UC天气下拉和微信下拉眼睛 下载
仿UC天气下拉和微信下拉眼睛
网站声明:ApkDemo是一个免费的开源分享网站,所有源代码皆由网络收集并发布在ApkDemo,任何人都可以免费使用和分享ApkDemo。请支持ApkDemo(留言支持、把ApkDemo分享给你的小伙伴、捐赠ApkDemo)。代码如诗。
 小道消息:站长准备默默的发一些实战原创Demo。目前在桂林银行工作。发现实用的实战技巧将分享给大家。
听一听每天轻松音乐
选择分类目录
2014经典文章&&(3)
ApkDemo官方通告&&(7)
安卓源码&&(133)
&&&动画源码&&(15)
&&&应用源码&&(5)
&&&开源工具类&&(1)
&&&游戏源码&&(1)
&&&第三方开源框架&&(11)
&&&自定义控件&&(91)
&&&&&&Button&&(1)
&&&&&&Dialog&&(5)
&&&&&&GridView&&(4)
&&&&&&ListView&&(18)
&&&&&&Menu&&(6)
&&&&&&Progress&&(4)
&&&&&&progressbar&&(7)
&&&&&&PullToRefresh&&(5)
&&&&&&ScrollView&&(4)
&&&&&&SeekBar&&(1)
&&&&&&Textview&&(3)
&&&&&&Toast&&(1)
&&&&&&ViewPage&&(8)
&&&&&&WheelView&&(2)
&&&&&&变形控件&&(1)
&&&&&&图形表图&&(1)
&&&&&&按钮开关&&(7)
&&&&&&日历控件&&(2)
&&&蓝牙例子&&(2)
&&&蓝牙源码&&(2)
&&&蓝牙聊天源码&&(1)
&&&进度条&&(6)
&&&通讯录&&(1)
截图控件&&(2)
站长推荐(自家用)&&(12)谈谈微信首页下拉拍摄小视频功能
谈谈微信首页下拉拍摄小视频功能
时间回到2014年,此刻你就是一名光荣的微信产品经理,在此前一年Twitter旗下短视频分享应用Vine已经风靡了美国,而国内以美拍为代表的国内学徒也是搅得风声水起。此刻核心功能为移动即时通讯的微信,支持的信息形式包括了文字、图片、语音、链接,作为 将&尊重用户价值“奉为第一原则的产品,值此大版本更新,你决定把小视频这种信息承载更为丰富的形式引入到微信产品体系中。
此刻摆在你面前的主要几大任务包括:产品定位(目标人群、场景)、功能设计、功能入口。
作为一个拥有6亿月活立志只做森林不做宫殿的app,任何功能必然是面向所有大众用户。
when:随时
where:随地
who:任何微信用户
what(什么需求):以视频形式分享自己的动态
how:极快极易
总结起来就是:随时随地任何微信用户可用此功能极快极易的以视频形式分享自己的动态。
根据场景提取出来的核心功能即是“拍摄-分享”,同时衍生出来一些关键问题:
视频的拍摄时长?
既然是随时随地,对于非Wi-Fi环境下流量是一大成本,同时大视频信息量很大,收看时间长,信息价值不高,所以时长必须短,具体多长?“不要重新发明轮子”,前人Vine通过大量测试已经证明6秒最合适。
能否自拍?
作为有着清晰产品设计原则的产品,“接收方体验大于发送方”的设计原则涌上心头,“自拍需求大多是女生的需求,这让自拍的人挺爽,但试想一下当朋友圈被各种妹子自拍占领,就一个头,还会动,对于接收方而言,其实看的没那么爽,而且还挺恐怖,所以考虑到接收方体验没有做小视频”。
小视频是否像美拍支持加特技呢?
“美化后让整个视频变的很好看,但微信不会做这些,因为美化后的视频,去掉了声音等,无法还原给朋友传递信息的真实现场。”所以小视频不支持加特技。
按住拍摄-上滑取消-松手保存-选择分享,过程极简,用着很爽。
同时为了确保朋友圈反应的都是用户自己的生活动态,小视频在朋友圈中不允许转发,也不允许用户上传非微信小视频拍摄的的视频。播放方面跟随Vine的设计,自动循环播放,减少用户的操作成本。
4、功能入口
考虑场景中随时随地分享的特性,作为拍摄稍纵即逝的瞬间,需要最短路径马上拍摄,可是张小龙推崇乔帮主关于简洁的设计理念,微信的功能界面都极简,寸土寸金,从哪找一个快捷入口呢?这时主界面的下拉操作入了你的法眼:作为约定俗成下拉刷新的操作,此功能已经成为广大移动互联网用户的习惯,选择它好处有二:1)广泛的曝光,2)极短的操作路径。两全其美!你的心中不仅开始欢呼。
另外在离分享最近的朋友圈、发送消息最近的对话框也必然加上入口。
几大任务终于完成,看着自己凭借三寸不烂之舌晓之以情动之以理争取来的微信首页下拉的黄金位置,脑中不仅浮现借此改变亿万活跃用户下拉操作习惯的画面,这岂不是继“摇一摇”后又一国民级的操作习惯么?想想都有点小激动呢!
用户的真实反馈
用户小D,30岁,男,某三线城市普通公务员一枚,平时对数码产品没有太多研究,2012年底在同事推荐下开始使用微信,至今微信已经成为了生活的一部分,经常使用微信跟朋友聊天、刷朋友圈、看看微信订阅的公众号信息。某天突然发现朋友圈出现许多小视频,他知道朋友圈发布信息的唯一路径即在右上角照相机图标中,他习惯的点开图标发现多了一个小视频的选项,点击了”小视频“图标即进入了拍摄页面,简洁的交互形式让他很快的掌握了拍摄方法,他试探性的拍摄了一段在地板上打滚的小狗的小视频分享到了朋友圈。隔天打开微信如常下拉准备刷新,却发现出来一个眼睛的图形,心中犯了几下嘀咕,下意识他放弃了下拉。但这并未影响他的心情,他顺手点开一个群消息,发现群里也有人发了小视频,根据过往的经验他知道发图片是从输入框中“+”进入,点开“+”果然发现了小视频的选项。
此后在使用微信的过程中有时也会在首页下意识下拉期望去刷新页面,但每当发现操作与预期不一致时他就放弃了继续下拉,内心底也始终没认真想过这是什么原因,每次需要拍小视频分享还是习惯性的从朋友圈或聊天对话框中进入。
用户小Z,25岁,男,某一线城市互联网从业者,微信重度用户,2011年就开始使用微信,在新版微信尚未发布时就从科技自媒体中提前知道了微信小视频的功能,升级到最新6.0版本后他迫不及待的通过微信首页下拉操作中启动了小视频拍摄功能,简洁的操作让他感觉很爽,便捷的操作助他成功捕获了如西二旗早高峰地铁武斗事件、某雾霾天连环追尾事件等“珍贵”视频,大大丰富了他分享信息的形式。
收拾“残局”
小视频功能正式上线三个月了,作为微信小视频产品经理的你享尽了四方赞誉,身边同事和你一样也时不时通过微信首页下拉拍摄小视频,看着朋友圈中每天朋友分享的小视频,你心中相信大多数人和你一样也是在通过首页下拉这种便捷的方式拍摄。你想到下周需要向领导汇报小视频功能的阶段工作总结,于是你登陆了统计后台去查看数据,突然一个关于用户使用习惯的数据让你下巴都快掉到键盘上了——“朋友圈右上角占95%,微信首页上方下拉只占了5%”。
你顿时感到沮丧万分,随之而来的是困惑、无助,按照互联网产品的通常做法,数据情况不好的功能是要考虑被干掉的,尤其是占据的还是微信首页下拉这么个黄金宝地。“但是遇到非常好瞬间要拍摄,首页下拉这个操作路径最短,对于这个场景而言这个功能是有价值的,张小龙不是也一直倡导产品经理不要迷信数据,一切以用户价值为根本么,这么说这个操作形式还是是符合微信产品的价值观的”。脑中传出的这个声音让你的心情稍微轻松了点,“身边这么多同事朋友不都是使用这个路径在操作么”你更加释然了,脸上恢复了微笑。
可当你接下看到另外一个数据时,你的微笑刹那间凝固,然后逐渐变成了苦笑:首页下拉后拍摄视频的成功率低的惊人!这意味大多数用户下拉主页时期望的并不是拍摄小视频。
你感觉头晕乎乎的,自己曾经的骄傲瞬间被数据反馈出的现实击了个粉碎,迷迷糊糊间你走到水池边用冷水狠狠洗了把脸,头脑稍微清醒了些。这时你脑中想起了刚做产品经理时曾被传授的一个产品设计中的原则:永远为中间用户设计。(所有产品按照用户的掌握程度都可将用户分为新用户、中间用户、专家用户,这三类用户基本呈正态分布,新用户和专家用户都只是少数,大多数新用户在使用一段时间产品后随着对产品的逐渐熟悉即会成长为中间用户,而少部分中间用户会因为不断探索产品功能而成为专家型用户,这也就意味着在做产品设计时最重点考虑的是这部分中间用户。)
关于产品设计一定要满足用户的心理认知模型,符合用户的预期,大多数中间用户是没有意愿和能力去探索产品的新功能,人的大脑讨厌复杂,他们通常会遵循以往的习惯(肌肉记忆)去使用产品,所以许多在产品经理眼中看来更为便捷的操作并不会被用户买账。
你明白了。
产品设计一定要满足用户的心理认知模型,符合用户的预期,永远的中间用户不是专家用户,他们是没有意愿和能力去探索产品的新功能,人的大脑讨厌复杂,他们通常会遵循以往的习惯(肌肉记忆)去使用产品。于是你打开需求说明文档模板,敲下了“关于取消微信首页取消下拉拍摄小视频的需求...”
美国有句谚语:“除了上帝,任何人都必须用数据来说话。” 而张小龙曾戏称“产品经理是站在上帝身边的人”,意指产品经理需要像上帝那样洞察人性,而关于如何做到洞察人性他还补充了一段话:
“当我们研究不到用户需求时,我们就会说只要让我们自己用得爽,这个是比较容易做到的一点。怎么样让用户用得爽呢?如果光凭一些体验的话,其实是有一个比较简单的方法,把自己当作一个傻瓜来用产品,傻瓜心态。
把自己当作傻瓜,这个挺难的,但据我所知乔布斯也是用这个方法,而且他这方面功力特别强,他能瞬间把自己变成一个傻瓜。我就不行,我要经过5-10分钟的酝酿才能进入到这个状况,这是非常难的一个功力。我观察公司里面有一个人也很厉害,就是Pony(注:马化腾),他大概能在1分钟的时间内酝酿成。但是我发现我们的产品经理经常花了3天还达不到一个傻瓜的状态,所以他们总是太专家了。你要知道我们有上亿的用户,他没有这么多的背景,他们用这个东西只是第一眼的感觉或者用一次,一、两分钟的体验就决定了。”
可惜事实是产品经理永远成为不了上帝,你再怎么把自己变成傻瓜企图去洞悉人性,也必然有自己的局限性。连张小龙个人佩服不已的马化腾也曾在最初看衰Snapchat的发展前景,当Snapchat的阅后即焚模式在美国青少年群体中大火后,他大呼看不懂,搞不懂美国年轻人在想什么。
所以产品经理永远不要高估自己对用户需求的洞察,针对海量用户没有始终英明的产品决策,尘归尘土归土,用户的需求还是需要到用户那得到检验,数据则会客观反馈现实。
我的热门文章
即使是一小步也想与你分享超炫 PullDownListView高仿微信下拉眼睛出现动画
PullDownListView高仿微信下拉眼睛出现动画,动画自定义PullDownListView, pullDownListView.setOnPullHeightChangeListener设置下拉高度监听,onTopHeightChange() onBottomHeightChange(),onRefreshing()其中提供者三个方法时刻刷新页面特效
运行效果:
package com.
import com.pulldownlistview.PullDownListView.OnPullHeightChangeL
import android.app.A import android.content.C import android.os.B import android.os.H import android.util.L import android.util.TypedV import android.view.G import android.view.V import android.view.ViewG import android.view.ViewGroup.LayoutP import android.widget.AbsListV import android.widget.AdapterV import android.widget.ArrayA import android.widget.AdapterView.OnItemClickL import android.widget.BaseA import android.widget.TextV
public class MainActivity extends Activity {
final String TAG = &MainActivity&;
static String[] adapterData = new String[] { &A&, &B&, &C&, &D&, &E&, &F&,
&G&, &H&, &I&, &J&, &K&, &L&, &M&, &N&, &O&, &P&, &Q&, &R&,
&S&, &T&, &U&, &V&, &W&, &X&, &Y&, &Z& };
Context mC
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mContext =
final PullDownListView pullDownListView = (PullDownListView) this
.findViewById(R.id.pullDownListView);
final YProgressView progressView = (YProgressView) this
.findViewById(R.id.progressView);
final EyeView eyeView = (EyeView) this.findViewById(R.id.eyeView);
pullDownListView.getListView().setAdapter(mAdapter);
pullDownListView.setOnPullHeightChangeListener(new OnPullHeightChangeListener(){
public void onTopHeightChange(int headerHeight,
int pullHeight) {
// TODO Auto-generated method stub
float progress = (float) pullHeight
/ (float) headerH
if(progress&0.5){
progress = 0.0f;
progress = (progress-0.5f)/0.5f;
if (progress & 1.0f) {
progress = 1.0f;
if (!pullDownListView.isRefreshing()) {
eyeView.setProgress(progress);
public void onBottomHeightChange(int footerHeight,
int pullHeight) {
// TODO Auto-generated method stub
float progress = (float) pullHeight
/ (float) footerH
if(progress&0.5){
progress = 0.0f;
progress = (progress-0.5f)/0.5f;
if (progress & 1.0f) {
progress = 1.0f;
if (!pullDownListView.isRefreshing()) {
progressView.setProgress(progress);
public void onRefreshing(final boolean isTop) {
// TODO Auto-generated method stub
if (isTop) {
eyeView.startAnimate();
progressView.startAnimate();
new Handler().postDelayed(new Runnable() {
public void run() {
// TODO Auto-generated method stub
pullDownListView.pullUp();
if (isTop) {
eyeView.stopAnimate();
progressView.stopAnimate();
pullDownListView.getListView().setOnItemClickListener(
new OnItemClickListener() {
public void onItemClick(AdapterViewarg0, View arg1,
int arg2, long arg3) {
// TODO Auto-generated method stub
private BaseAdapter mAdapter = new BaseAdapter(){
public int getCount() {
// TODO Auto-generated method stub
return adapterData.
public Object getItem(int position) {
// TODO Auto-generated method stub
return adapterData[position];
public long getItemId(int position) {
// TODO Auto-generated method stub
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
TextView textView = new TextView(mContext);
textView.setLayoutParams(new AbsListView.LayoutParams(LayoutParams.MATCH_PARENT,dp2px(mContext,50)));
textView.setText(adapterData[position]);
textView.setTextSize(20);
textView.setTextColor(0xff000000);
textView.setGravity(Gravity.LEFT|Gravity.CENTER_VERTICAL);
textView.setPadding(50, 0, 0, 0);
return textV
public static int dp2px(Context context, int dp) {
return (int) TypedValue.PLEX_UNIT_DIP, dp,
context.getResources().getDisplayMetrics());
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'微信的推送的横幅,下拉按钮效果如何实现?
按时间排序
系统级自带的…
iOS 8 交互式通知。
已有帐号?
无法登录?
社交帐号登录

我要回帖

更多关于 下拉刷新实现原理 的文章

 

随机推荐