下拉刷新是谁发明出来的（下拉刷新是谁发明出来的）

今天给各位分享下拉刷新是谁发明出来的的知识，其中也会对下拉刷新是谁发明出来的进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

文章目录：

• 1、应用设计教父：发明下拉刷新功能
• 2、为什么“下拉刷新”没有成为移动应用的标准功能
• 3、目前app上常用的下拉刷新功能最初是哪个公司发明的?

应用设计教父：发明下拉刷新功能

应用设计教父：发明下拉刷新功能

应用设计系电脑美工、图形创意、图形图像软件、网页制作、网页设计、网页动画编程、字体与标志设计、版式编排与海报设计、包装装潢、书籍装帧、视觉形象识别设计、印刷设计与输出、多媒体设计与制作、广告心理与营销。下面是我整理的应用设计教父：发明下拉刷新功能，欢迎大家分享。

《华尔街日报》今天撰文称，劳伦·布里切虽然并不是家喻户晓的人物，但在应用开发圈中却如雷贯耳。他开发的“下拉刷新”等功能早已融入了成千上网移动用户的日常生活。然而，这样一个“教父级”的开发者却深居简出，很少参加会议和聚会。但对于虚心好学的同行，他总是不吝赐教，赢得了良好的口碑。

发明众多

距离硅谷2500英里(约合4000公里)之外的费城，有一间不起眼的家庭办公室，内部陈列非常简单，桌子下还放着狗窝。但它的主人却很不简单，甚至能在风生水起的应用浪潮中呼风唤雨。

劳伦·布里切(Loren Bricheter)并不是一个家喻户晓的名字，他开发的应用同样如此，无论是Twitter客户端Tweetie还是拼字游戏《Letterpress》，都远未妇孺皆知。

但对于开发者来说，这个28岁的小伙子俨然成了应用设计领域的“教父级”人物，引领着行业潮流。

由布里切首创的很多功能早已融入了很多人的日常生活，例如，在触摸屏上通过下拉手势刷新页面，从屏幕侧面调出面板，以及通过滑动手势显示隐藏按钮等。

这些动作早已成为很多热门应用的标准功能，甚至变成了很多人每天的必选动作。例如，2009年诞生的“下拉刷新”功能，已经被整合到图片分享网站Pinterest和苹果的电子邮件应用中。

Fbook和云笔记应用开发商Evernote也借鉴了布里切的“滑出面板”功能，该功能最早在2010年被他整合到Twitter的iPad 应用中。黑莓公司的新一代黑莓10操作系统同样采用了该功能。而签到服务Square则凭借“滑动支付”等功能，进一步推进了“滑动显示按钮”的理念。

影响巨大

“他的很多理念都对这个领域产生了不可估量的.影响。”菲尔·刘(Phill Ryu)说，他参与开发的Clear任务管理应用也使用了“下拉刷新”功能，目前的下载量已经超过了80万次。

布里切之所以深受开发者欢迎，一定程度上源于他的平易近人。

2010年，当多米尼克·莱卡(Dominique Leca)希望了解人们对他的Sparrow移动邮件应用作何感想时，他联系到布里切。布里切提了很多中肯的建议，包括调整Sparrow的文本位置，以及把淡出动画效果推迟1秒左右。莱卡表示，他接纳了其中的很多建议，并让布里切担任他的顾问。Sparrow随后广受好评，并于去年被谷歌收购。

莱卡说，布里切拥有非凡的能力，他可以站在五岁小孩的角度，用详实的语言向你阐述问题所在。

随着简约和设计在竞争激烈的应用行业越来越受重视，布里切的声望也越来越高。除了布里切外，苹果前设计师麦克·马塔斯(Mike Matas)和布雷特·维克多(Bret Victor)等有影响力的人物也逐渐开始吸引自己的拥趸。

他们的理念经常通过非正式渠道迅速传播开来。他们不会申请专利，然后对外授权，而是在征求对方的许可后模仿某个创意，或是直接自己去做，有时还会使用开源技术。

布里切在加盟Twitter前申请了“下拉刷新”专利，这项有望于近期获批的专利目前归Twitter所有。但布里切表示，用开源软件也有很多方式可以实现这一功能。而且，“只要不是混蛋”，他早就允许任何人使用这项技术。Twitter也为该公司的专利发明人赋予了否决权，可以禁止该公司在令人不快的官司中使用这些专利。

理念来源

布里切的设计理念受到了爱德华·图福特(Edward Tufte)等信息理论家的启发——图福特认为，应当在图形设计中将冗余信息降到最小。布里切说，他在为应用设计新功能时考虑的是人们在现实生活中如何移动物体。

“所有东西都应该从某个地方来，再到某个地方去。”他说。他很讨厌那些采用缩放式菜单的应用，因为这种互动完全不真实。“最重要的是做到显而易见，问题出在过度设计。关键是简洁。”他最喜欢的应用是Dark Sky天气应用和Fantastical日历应用。

不过，他对于自己的设计被广泛采纳还是颇感意外。

然而，布里切也并非百发百中，他的某些设计也并没有被行业广泛接纳。例如，他在《Letterpress》中设计了一个可以将菜单滑出屏幕的手势，但并未引发其他开发者的关注。他认为，这可能是因为该功能藏得太深。

职业生涯

布里切的父母一个是承包商，一个开餐馆，他本人于2006年毕业于塔夫茨大学(Tufts University)，获得了电气工程学位。他现在与妻子住在一起，家里养了两条狗。他平日都在家里的小办公室里工作，桌上摆着一台大屏Mac，墙上还挂着一张裱好的图表，显示的是第二版Tweetie成为苹果App Store收入最高的应用——这是父亲送给他的圣诞礼物。(Tweetie是在2009年获此殊荣的，当时，这款售价2.99美元的应用每天可以实现5万美元的销售额。)

布里切不喜欢参加行业会议和好友聚会，更愿意使用Twitter和电子邮件与人交流。他个子不高，身材匀称，为人谦逊又不失自信。他说话总是很直接，但偶尔也会在邮件中发个笑脸调节一下气氛。

布里切在移动行业的发展是从苹果开始的。那是2006至2007年，他加入一个5人团队，任务是开发一款早期技术，实现iPhone的图形硬件与软件之间的数据传输。他后来离职创业，还搬到了费城，与家人待在一起。(他至今仍未面向谷歌Android操作系统推出应用，因为他认为该平台的硬件和软件都不如苹果优秀。)

2008年，布里切开发了Tweetie，帮助用户简化Twitter的使用方式，并最终整合了“下拉刷新”功能。在2010年作价“几百万美元”将该应用卖给Twitter后，他也在Twitter工作了一年半，但依然在家里为该公司开发应用。后来，他离开了Twitter，继续开拓自己的事业。

降低依赖

布里切最新的应用是字谜游戏《Letterpress》，这是去年末通过他的Atebits公司发布的一款应用。《Letterpress》可以免费下载，但要一次玩两局以上，就要支付1.99美元。布里切称，该游戏的下载量已经达到数百万次。

他开发《Letterpress》还有另外一个目的：独立于其他的公司软件之外经营自己的事业。“我希望将我对外界的依赖降到最低。”他说。他还开发了自己的图形技术，而没有使用苹果的技术。他接下来甚至准备推出一款街机游戏，这同样会用到更多由他自己开发的底层技术。

虽然深居简出，但布里切早已名声在外，甚至连十几岁的开发者都对他敬仰有加。16岁的雷恩·奥布齐(Ryan Orbuch)最近就从Twitter上向他征求建议，希望布里切能为他的Finish待办事项应用提一些建议。

“他绝对知道自己在做什么。”奥布齐说，他目前正在消化布里切提出的意见，包括“删除冒号”以及修正“会在翻页动画结束时偏移一个像素”的按钮等。

;

为什么“下拉刷新”没有成为移动应用的标准功能

下拉刷新这种用户交互最早由twitter创始人洛伦•布里切特(Loren Brichter)发明，有理论认为，下拉刷新是一种适用于按照从新到旧的时间顺序排列feeds的应用，在这种应用场景中看完旧的内容时，用户会很自然地下拉查找更新的内容，因此下拉刷新就显得非常合理。大家可以参考这篇文章：有趣的下拉刷新，下面我贴出一个有趣的下拉刷新的案例。

2. 实现原理

上面这些例子，外观做得再好看，他的本质上都一样，那就是一个下拉刷新控件通常由以下几部分组成：

【1】Header

Header通常有下拉箭头，文字，进度条等元素，根据下拉的距离来改变它的状态，从而显示不同的样式

【2】Content

这部分是内容区域，网上有很多例子都是直接在ListView里面添加Header，但这就有局限性，因为好多情况下并不一定是用ListView来显示数据。我们把要显示内容的View放置在我们的一个容器中，如果你想实现一个用ListView显示数据的下拉刷新，你需要创建一个ListView旋转到我的容器中。我们处理这个容器的事件（down, move, up），如果向下拉，则把整个布局向下滑动，从而把header显示出来。

【3】Footer

Footer可以用来显示向上拉的箭头，自动加载更多的进度条等。

关于上图，需要说明几点：

1、这个布局扩展于LinearLayout，垂直排列

2、从上到下的顺序是：Header, Content, Footer

3、Content填充满父控件，通过设置top, bottom的padding来使Header和Footer不可见，也就是让它超出屏幕外

4、下拉时，调用scrollTo方法来将整个布局向下滑动，从而把Header显示出来，上拉正好与下拉相反。

5、派生类需要实现的是：将Content View填充到父容器中，比如，如果你要使用的话，那么你需要把ListView, ScrollView, WebView等添加到容器中。

6、上图中的红色区域就是屏的大小（严格来说，这里说屏幕大小并不准确，应该说成内容区域更加准确）

3. 具体实现

明白了实现原理与过程，我们尝试来具体实现，首先，为了以后更好地扩展，设计更加合理，我们把下拉刷新的功能抽象成一个接口：

1、IPullToRefreshT extends View

它具体的定义方法如下：

[java] view plain copy

public interface IPullToRefreshT extends View {

public void setPullRefreshEnabled(boolean pullRefreshEnabled);

public void setPullLoadEnabled(boolean pullLoadEnabled);

public void setScrollLoadEnabled(boolean scrollLoadEnabled);

public boolean isPullRefreshEnabled();

public boolean isPullLoadEnabled();

public boolean isScrollLoadEnabled();

public void setOnRefreshListener(OnRefreshListenerT refreshListener);

public void onPullDownRefreshComplete();

public void onPullUpRefreshComplete();

public T getRefreshableView();

public LoadingLayout getHeaderLoadingLayout();

public LoadingLayout getFooterLoadingLayout();

public void setLastUpdatedLabel(CharSequence label);

}

这个接口是一个泛型的，它接受View的派生类，因为要放到我们的容器中的不就是一个View吗？

2、PullToRefreshBaseT extends View

这个类实现了IPullToRefresh接口，它是从LinearLayout继承过来，作为下拉刷新的一个抽象基类，如果你想实现ListView的下拉刷新，只需要扩展这个类，实现一些必要的方法就可以了。这个类的职责主要有以下几点：

处理onInterceptTouchEvent()和onTouchEvent()中的事件：当内容的View（比如ListView）正如处于最顶部，此时再向下拉，我们必须截断事件，然后move事件就会把后续的事件传递到onTouchEvent()方法中，然后再在这个方法中，我们根据move的距离再进行scroll整个View。

负责创建Header、Footer和Content View：在构造方法中调用方法去创建这三个部分的View，派生类可以重写这些方法，以提供不同式样的Header和Footer，它会调用createHeaderLoadingLayout和createFooterLoadingLayout方法来创建Header和Footer创建Content View的方法是一个抽象方法，必须让派生类来实现，返回一个非null的View，然后容器再把这个View添加到自己里面。

设置各种状态：这里面有很多状态，如下拉、上拉、刷新、加载中、释放等，它会根据用户拉动的距离来更改状态，状态的改变，它也会把Header和Footer的状态改变，然后Header和Footer会根据状态去显示相应的界面式样。

3、PullToRefreshBaseT extends View继承关系

这里我实现了三个下拉刷新的派生类，分别是ListView、ScrollView、WebView三个，它们的继承关系如下：

关于PullToRefreshBase类及其派和类，有几点需要说明：

对于ListView，ScrollView，WebView这三种情况，他们是否滑动到最顶部或是最底部的实现是不一样的，所以，在PullToRefreshBase类中需要调用两个抽象方法来判断当前的位置是否在顶部或底部，而其派生类必须要实现这两个方法。比如对于ListView，它滑动到最顶部的条件就是第一个child完全可见并且first postion是0。这两个抽象方法是：

[java] view plain copy

/**

* 判断刷新的View是否滑动到顶部

*

* @return true表示已经滑动到顶部，否则false

*/

protected abstract boolean isReadyForPullDown();

/**

* 判断刷新的View是否滑动到底

*

* @return true表示已经滑动到底部，否则false

*/

protected abstract boolean isReadyForPullUp();

创建可下拉刷新的View（也就是content view）的抽象方法是

[java] view plain copy

/**

* 创建可以刷新的View

*

* @param context context

* @param attrs 属性

* @return View

*/

protected abstract T createRefreshableView(Context context, AttributeSet attrs);

4、LoadingLayout

LoadingLayout是刷新Layout的一个抽象，它是一个抽象基类。Header和Footer都扩展于这个类。这类抽象类，提供了两个抽象方法：

getContentSize

这个方法返回当前这个刷新Layout的大小，通常返回的是布局的高度，为了以后可以扩展为水平拉动，所以方法名字没有取成getLayoutHeight()之类的，这个返回值，将会作为松手后是否可以刷新的临界值，如果下拉的偏移值大于这个值，就认为可以刷新，否则不刷新，这个方法必须由派生类来实现。

setState

这个方法用来设置当前刷新Layout的状态，PullToRefreshBase类会调用这个方法，当进入下拉，松手等动作时，都会调用这个方法，派生类里面只需要根据这些状态实现不同的界面显示，如下拉状态时，就显示出箭头，刷新状态时，就显示loading的图标。

可能的状态值有：RESET, PULL_TO_REFRESH, RELEASE_TO_REFRESH, REFRESHING, NO_MORE_DATA

我们可以随意地制定自己的Header和Footer，我们也可以实现如图一和图二中显示的各种下拉刷新案例中的Header和Footer，只要重写上述两个方法getContentSize()和setState()就行了。HeaderLoadingLayout，它默认是显示箭头式样的布局，而RotateLoadingLayout则是显示一个旋转图标的式样。

5、事件处理

我们必须重写PullToRefreshBase类的两个事件相关的方法onInterceptTouchEvent()和onTouchEvent()方法。由于ListView，ScrollView，WebView它们是放到PullToRefreshBase内部的，所在事件先是传递到PullToRefreshBase#onInterceptTouchEvent()方法中，所以我们应该在这个方法中去处理ACTION_MOVE事件，判断如果当前ListView，ScrollView，WebView是否在最顶部或最底部，如果是，则开始截断事件，一旦事件被截断，后续的事件就会传递到PullToRefreshBase#onInterceptTouchEvent()方法中，我们再在ACTION_MOVE事件中去移动整个布局，从而实现下拉或上拉动作。

6、滚动布局(scrollTo)

如图三的布局结构可知，默认情况下Header和Footer是放置在Content View的最上面和最下面，通过设置padding来让他跑到屏幕外面去了，如果我们将整个布局向下滚动(scrollTo)一定距离，那么Header就会被显示出来，基于这种情况，所以在我的实现中，最终我是调用scrollTo来实现下拉动作的。

总的说来，实现的重要的点就这些，具体的一些细节在实现在会碰到很多，可以参考代码。

4. 如何使用

使用下拉刷新的代码如下

[java] view plain copy

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

mPullListView = new PullToRefreshListView(this);

setContentView(mPullListView);

// 上拉加载不可用

mPullListView.setPullLoadEnabled(false);

// 滚动到底自动加载可用

mPullListView.setScrollLoadEnabled(true);

mCurIndex = mLoadDataCount;

mListItems = new LinkedListString();

mListItems.addAll(Arrays.asList(mStrings).subList(0, mCurIndex));

mAdapter = new ArrayAdapterString(this, android.R.layout.simple_list_item_1, mListItems);

// 得到实际的ListView

mListView = mPullListView.getRefreshableView();

// 绑定数据

mListView.setAdapter(mAdapter);

// 设置下拉刷新的listener

mPullListView.setOnRefreshListener(new OnRefreshListenerListView() {

@Override

public void onPullDownToRefresh(PullToRefreshBaseListView refreshView) {

mIsStart = true;

new GetDataTask().execute();

}

@Override

public void onPullUpToRefresh(PullToRefreshBaseListView refreshView) {

mIsStart = false;

new GetDataTask().execute();

}

});

setLastUpdateTime();

// 自动刷新

mPullListView.doPullRefreshing(true, 500);

}

这是初始化一个下拉刷新的布局，并且调用setContentView来设置到Activity中。

在下拉刷新完成后，我们可以调用onPullDownRefreshComplete()和onPullUpRefreshComplete()方法来停止刷新和加载

5. 运行效果

这里列出了demo的运行效果图。

6. 源码下载

实现这个下拉刷新的框架，并不是我的原创，我也是参考了很多开源的，把我认为比较好的东西借鉴过来，从而形成我的东西，我主要是参考了下面这个demo：

这个demo写得不错，不过他这个太复杂了，我们都知道，一旦复杂了，万一我们要添加一些需要，自然也要费劲一些，我其实就是把他的简化再简化，以满足我们自己的需要。

目前app上常用的下拉刷新功能最初是哪个公司发明的?

Loren Brichter 在 Tweetie 2 中实现了「下拉刷新」的机制，Tweetie 1 中也已经有了类似的雏形（一个按钮，而不是直接的下拉触发操作）。下拉刷新这个操作最早由Tweetie创始人洛伦•布里切特(Loren Brichter)发明。

在此之后，很多以 news feed 为主的移动客户端都相继采用了这个设计，现在也基本成为了类似移动应用的标配。

Loren Brichter 为「下拉刷新」申请了专利，但他很愿意看到这个机制被其他 app 采用，也曾经说过申请是防御性的。

Tweetie 是 Twitter 第三方客户端，后来被 Twitter 收购，Loren Brichter 也成为 Twitter 员工（现已离开）。

下拉刷新：

到现在已经非常广泛地在各种应用中使用，Sparrow、Facebook、新浪微博、甚至是iOS原生系统也都在使用这种方 式。有理论认为，下拉刷新是一种适用于按照从新到旧的时间顺序排列feeds的应用，在这种应用场景中看完旧的内容时，用户会很自然地下拉查找更新的内容。

因此下拉刷新就显得非常合理。随着下拉刷新这种方式的不断演变，下拉刷新已经跳出基础功能，成为一种表现品牌、表现设计感的元素，本文主要介绍几款有意思的下拉刷新。

在收集过程 中发现，有一些应用是把应用类型巧妙地融合到了下拉刷新中；有很多应用的下拉刷新都是渗透了品牌元素，包括logo的颜色、icon的形状等等，另外还有 一些就比较特别，是结合整个应用的风格去做了一些创新。

下拉刷新是谁发明出来的的介绍就聊到这里啦，感谢您花时间阅读本站内容，更多关于下拉刷新是谁发明出来的、下拉刷新是谁发明出来的的信息别忘了在本站进行查找喔。