Android开发——ListView使用技巧总结(二)

来源:互联网 发布:东东数据cf刷枪教程 编辑:程序博客网 时间:2024/06/10 20:03

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即为控制overscrollY轴方向上的像素值,默认为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);    }    @Overrideprotected 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个点,快点拿起你的小本本记录一下吧~

最后请大家多点赞支持~

4 0
原创粉丝点击