Android 彻底征服 ListView 三 自动显示 隐藏布局的ListView

当我们在ListView上滑动的时候,顶部的ActionBar或者ToolBar就会响应的隐藏或显示,在滚动前界面上加载了上方的标题栏和右下角的悬浮编辑按钮.当用户项下滚动时,标题栏和悬浮按钮消失,让用户有更大的空间去阅读.让一个布局显示或者隐藏并带有动画效果,可以通过属性动画来很方便地实现,所以这个效果的关键就在于如何获得ListView的各种滑动事件.
所以借助View的OnTouchListener接口来监听ListView的滑动,通过比较与上次坐标的大小,来判断滑动的方向,并通过滑动的方向来判断是否需要显示或隐藏对应的布局.

//首先我们需要先将ListView增加Header
 View header = new View(this);
        header.setLayoutParams(new AbsListView.LayoutParams(
                AbsListView.LayoutParams.MATCH_PARENT,
                (int) getResources().getDimension(
                        R.dimen.abc_action_bar_default_height_material)));
        mListView.addHeaderView(header);

通过abc_action_bar_default_height_material属性获取系统Actionbar的高度,并设置给HeaderView.
定义一个mTouchSlop变量用来获取系统认为的最低滑动距离,即超过这个距离才算滑动
获取方法:

int mTouchSlop = ViewConfiguration.get(this).getScaledTouchSlop();

判断滑动事件:

 View.OnTouchListener myTouchListener = new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    mFirstY = event.getY();
                    break;
                case MotionEvent.ACTION_MOVE:
                    mCurrentY = event.getY();
                    if (mCurrentY - mFirstY > mTouchSlop) {
                        direction = 0;// down
                    } else if (mFirstY - mCurrentY > mTouchSlop) {
                        direction = 1;// up
                    }
                    if (direction == 1) {
                        if (mShow) {
                            toolbarAnim(1);//show
                            mShow = !mShow;
                        }
                    } else if (direction == 0) {
                        if (!mShow) {
                            toolbarAnim(0);//hide
                            mShow = !mShow;
                        }
                    }
                    break;
                case MotionEvent.ACTION_UP:
                    break;
            }
            return false;
        }
    };

通过滑动点的坐标改变大小,来判断移动的方向,并根据移动方向来执行不同的动画效果.
最后加上控制布局显示隐藏的动画:

   private void toolbarAnim(int flag) {
        if (mAnimator != null && mAnimator.isRunning()) {
            mAnimator.cancel();
        }
        if (flag == 0) {
            mAnimator = ObjectAnimator.ofFloat(mToolbar,
                    "translationY", mToolbar.getTranslationY(), 0);
        } else {
            mAnimator = ObjectAnimator.ofFloat(mToolbar,
                    "translationY", mToolbar.getTranslationY(),
                    -mToolbar.getHeight());
        }
        mAnimator.setDuration(2000);
        mAnimator.start();
    }

本程序使用了Toolbar一定要注意使用的theme一定是要NoActionBar的,不然会引起冲突.
最终显示效果:当向上滑动时,Toolbar隐藏.再向下滑动时,Toolbar显示.