Android开发——ListView使用技巧总结（二）

0.  前言

Android中的ListView是用的比较多的控件之一，在上一篇Android开发——ListView使用技巧总结（一）中对ListView的ViewHolder机制、优化卡顿方式以及使用ListView加载不同布局的方式进行了总结。这篇将主要介绍如何做出一个具有弹性的ListView以及如何在合适的实际隐藏Toolbar以让用户获得更多的阅读空间。

1.  具有弹性的ListView

弹性滑动是指当ListView滑动到底端时，会继续往下滑动一段距离，顶端同理。这里有一个比较容易的实现方法。因为在ListView中有一个控制滑动到边缘的处理方法，即overScrollBy()：

protected boolean overScrollBy(int deltaX, int deltaY,int scrollX, int scrollY,int scrollRangeX, int scrollRangeY,
                            int maxOverScrollX, int maxOverScrollY,boolean isTouchEvent)

其中倒数第二个参数maxOverScrollY即为控制overscroll在Y轴方向上的像素值，默认为0，我们可以通过直接改变该值使ListView在上下滑动到边缘时具有弹性。完整代码如下：

public class FlexibleListView extends ListView {
    private static int mMaxOverDistance = 30;
private Context mContext;

    public FlexibleListView(Context context, AttributeSet attrs,int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.mContext = context;
        initView();
    }

    public FlexibleListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        initView();
    }

    public FlexibleListView(Context context) {
        super(context);
        this.mContext = context;
        initView();
    }
    //sp2dp
    private void initView() {
        DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();
        float density = metrics.density;
        mMaxOverDistance = (int) (density * mMaxOverDistance);
    }

    @Override
protected boolean overScrollBy(int deltaX, int deltaY,int scrollX, int scrollY,int scrollRangeX, 
int scrollRangeY,int maxOverScrollX, int maxOverScrollY,boolean isTouchEvent) {
        return super.overScrollBy(deltaX, deltaY,scrollX, scrollY,scrollRangeX, scrollRangeY,maxOverScrollX, mMaxOverDistance,isTouchEvent);//强制返回30个像素值对应机型的dp值
    }
}

2.  如何实时的隐藏Toolbar

苹果手机上的Safari浏览器有这样一个功能，是当你向下滑动界面时，底部的状态栏就会实时的隐藏，从而使用户获得更大的空间去阅读，而再向上滑动时，底部状态栏才会实时显示。Toolbar也是同理，这里我们实现一个类似的功能，即在用户向下滑动时，隐藏Toolbar，反之显示，这要怎么实现呢？

首先设置一个监听器，来判断手势是向上滑动还是向下滑动：

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);//hide
                            mShow = !mShow;
                        }
                    } else if (direction == 0) {
                        if (!mShow) {
                            toolbarAnim(0);//show
                            mShow = !mShow;
                        }
                    }
                    break;
                case MotionEvent.ACTION_UP:
                    break;
            }
            return false;
        }
};

ActionBar的隐藏和显示也很简单，使用属性动画即可：

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.start();
}

接着为ListView设置HeadView，作用是防止ActionBar将界面上的第一个条目覆盖。

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);

最后初始化ListView的数据并设置一个简单的Adapter。

for (int i = 0; i < mStr.length; i++) {
            mStr[i] = "Item " + i;
        }
        mListView.setAdapter(new ArrayAdapter<>(MainActivity.this, android.R.layout.simple_expandable_list_item_1, mStr));
        mListView.setOnTouchListener(myTouchListener);

效果如下所示，还是不错的，完整源码地址点击下载。

对ListView的使用技巧就总结这么多吧，一共两篇6个点，快点拿起你的小本本记录一下吧~

最后请大家多点赞支持~