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即为控制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);
    }

    @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个点,快点拿起你的小本本记录一下吧~

最后请大家多点赞支持~

转载于:https://www.cnblogs.com/qitian1/p/6461440.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值