Android 抽屉式 ListView实现

    最近项目需求，要在ListView的顶部加一个抽屉的区域，按住ListView滑动的时候下拉出这个区域，效果类似于QQ通讯录的联系人Tab中下拉出现收藏的联系人。
这里的实现和QQ通讯录略有不同，借鉴了网上流传很广的下拉刷新的Demo。在此基础上修改了部分代码，重新进行了封装。最核心的判断位移的代码由于太多，所以没有贴出来，需要的朋友可以去下载附件，无毒无公害。

具体的实现思路如下:
1、新建一个类继承ListView，并实现OnScrollListener接口，重写onTouchEvent方法，考虑到封装HeadView区域，因此还对外提供了setHeadView和getHeadView，其实本来是想写成一个属性，将来用的时候可以直接在布局xml里面实现，但由于对这块不熟悉，不知道什么时候能改造完，所以先放出现在的实现。
2、主要位移变化的状态标示，在这里有7个状态

private static final int STATE_IDLE = 0;//初始状态
    private static final int STATE_PULL = 1;//从初始向下拉动的状态
    private static final int STATE_HOLD = 2;//固定显示整个Head的状态
    private static final int STATE_ROLLBACK = 3;//收回这个Head的状态
    private static final int STATE_RELEASE_To_HOLD = 4;//向下拉，并且已经拉过HeadView的高度，松手可以显示整个HeadView
    private static final int STATE_HOLD_RELEASE_To_HOLD = 5;//从固定Head还是向下拉，松手后还是显示固定的Head
    private static final int STATE_RELEASE_To_ROLLBACK = 6;//向上推动ListView，松手后整个Head消失
    private static final int STATE_DONE = 7;//完成状态，和Idle状态类似

 

    
    这里每个状态对应滑动的位置变化，这里的归纳有一些随意了，不是很好。大家有时间可以帮忙改进一下。
3、重写onTouchEvent方法，在ACTION_DOWN、ACTION_UP、ACTION_MOVE里分别处理。
(1)ACTION_DOWN里面记录按下的位置，并标记开始滑动
(2)ACTION_MOVE中对滑动进行处理，分别为从初始状态开始滑动、滑过Head高度继续向下滑动、滑过Head高度又向上滑动收回。从固定状态向上、向下滑动。
(3)ACTION_UP中处理手指离开屏幕时要做的工作，对应上面的几种情况。分别为固定显示全部内容、收回Head区域等。
4、处理Head区域的方法，对应几种需要改变显示的状态。

private void changeHeaderViewByState() {
        switch (mState) {
        case STATE_RELEASE_To_HOLD:
            tipsTextview.setText("松开固定显示");
        case STATE_HOLD:
            mHeadView.setPadding(0, 0 * mHeadContentHeight, 0, 0);
            progressBar.setVisibility(View.GONE);
            arrowImageView.setImageResource(R.drawable.arrow);
            lastUpdatedTextView.setVisibility(View.VISIBLE);

            arrowImageView.clearAnimation();
            arrowImageView.startAnimation(animation);

            tipsTextview.setText("显示全部Head");
            break;
        case STATE_PULL:
            progressBar.setVisibility(View.GONE);
            tipsTextview.setVisibility(View.VISIBLE);
            lastUpdatedTextView.setVisibility(View.VISIBLE);
            arrowImageView.clearAnimation();
            arrowImageView.setVisibility(View.VISIBLE);
            // 是由RELEASE_To_REFRESH状态转变来的

            tipsTextview.setText("下拉显示全部");
            break;

        case STATE_DONE:
            mHeadView.setPadding(0, 0 * mHeadContentHeight, 0, 0);
            // headView.setVisibility(View.INVISIBLE);
            progressBar.setVisibility(View.GONE);
            arrowImageView.clearAnimation();
            arrowImageView.setImageResource(R.drawable.arrow);
            tipsTextview.setText("下拉刷新");
            lastUpdatedTextView.setVisibility(View.VISIBLE);

            break;
        case STATE_ROLLBACK:
            mHeadView.setPadding(0, -1 * mHeadContentHeight, 0, 0);
            // headView.setVisibility(View.INVISIBLE);
            progressBar.setVisibility(View.GONE);
            arrowImageView.clearAnimation();
            arrowImageView.setImageResource(R.drawable.arrow);
            tipsTextview.setText("收回HeadView");
            lastUpdatedTextView.setVisibility(View.VISIBLE);

            mState = STATE_IDLE;
            break;

        }
    }

 

头一次写博客分享经验，文字组织的有点乱，很多排版的问题也弄得我头大，大家将就着看，我慢慢研究下怎么能看着更舒服一点。这里感谢下分享下拉刷新的兄弟，我实在忘记了是从哪里下到这个demo的了，不好意思了兄弟，看到麻烦跟我说一声。还有感谢bywyu为我提供的思路。
最后附上之前的下拉刷新代码和我修改过的代码，因为我这里的需求是添加一个顶部布局，所以对外提供了一个接口，setHeadView，而不是写死在控件里面。
我修改过的抽屉式ListView
http://files.cnblogs.com/jianghao/CustomListView.zip
原本的下拉刷新Demo
http://files.cnblogs.com/jianghao/%E4%B8%8B%E6%8B%89%E5%88%B7%E6%96%B0%EF%BC%88%E8%87%AA%E5%AE%9A%E4%B9%89listview%EF%BC%89CustomListView.zip

转载请注明转自http://www.cnblogs.com/jianghao/archive/2012/09/17/2689803.html，谢谢。


之前写的有些问题，后来又修改了一下，附上最新源码：

转载于:https://www.cnblogs.com/jianghao/archive/2012/09/17/2689803.html