美文网首页
RecyclerView与ScrollView相互嵌套的问题

RecyclerView与ScrollView相互嵌套的问题

作者: 晓风残月酒醒 | 来源:发表于2019-05-21 14:26 被阅读0次

需要明白的几个前提条件:
1.ScrollView的高度可以动态控制(可以通过View.post(new Runnable(){})的方式改变ScrollView的高度)
2.RecyclerView允许Item动态改变自己的高度

解决方案如下:
1.如果是ScrollView中存在一个RecyclerView,最简洁的解决方法就是将ScrollView换成NestedScrollView,就可以直接解决滑动冲突和RecyclerView展示不完全的问题
2.如果是RecyclerView的Item布局中存在ScrollView,而这个ScrollView的高度是需要动态控制的,那么操作就相对麻烦一些:
首先需要在RecyclerView设置适配器完毕之后,添加一个子布局的触碰事件监听器,用于处理ScrollView和RecyclerView的滑动事件冲突,此处的BaseViewHolder使用的是BaseQuickAdapter的BaseViewHolder,isTouchNsv方法是自定义的方法

// 处理ScrollView和RecyclerView的滑动事件冲突
rvPaperMain.addOnItemTouchListener(new RecyclerView.OnItemTouchListener() {
    @Override
    public boolean onInterceptTouchEvent(RecyclerView rv, MotionEvent e) {
        if (e != null) {
            //找到被点击位置的item的rootView
            View view = rv.findChildViewUnder(e.getX(), e.getY());
            if (view != null) {
                //通过rootView找到对应的ViewHolder
                BaseViewHolder holder = (BaseViewHolder) rv.getChildViewHolder(view);
                View svMaterialScroll = holder.itemView.findViewById(R.id.svMaterialScroll);
                // 由ViewHolder决定要不要请求不拦截,如果不拦截的话event就回一路传到rootView中.否则被rv消费.
                if (svMaterialScroll != null && svMaterialScroll.getMeasuredHeight() > 0) {
                    rv.requestDisallowInterceptTouchEvent(isTouchNsv(svMaterialScroll, e.getRawX(), e.getRawY()));
                }
            }
        }
        return false;
    }

    /**
     * 判定某个事件是否发生在指定的View中
     * @param svMaterialScroll 根View
     * @param x event的rowX
     * @param y event的rowY
     * @return 这个点在不在sv的范围内.
     */
    private boolean isTouchNsv(View svMaterialScroll, float x, float y) {
        int[] pos = new int[2];
        //获取sv在屏幕上的位置
        svMaterialScroll.getLocationOnScreen(pos);
        int width = svMaterialScroll.getMeasuredWidth();
        int height = svMaterialScroll.getMeasuredHeight();
        return x >= pos[0] && x <= pos[0] + width && y >= pos[1] && y <= pos[1] + height;
    }

    @Override
    public void onTouchEvent(RecyclerView rv, MotionEvent e) {

    }

    @Override
    public void onRequestDisallowInterceptTouchEvent(boolean disallowIntercept) {

    }
});

然后在适配器中,将数据与Item视图关联的时候,执行ScrollView的高度重新调控(此处的LinearLayout 是ScrollView 的一级子View,dp250指的是250dp的高度)

// 根据LinearLayout的高度,重新设置ScrollView的高度
private void resetSingleMaterialHeight(final ScrollView svMaterialScroll, final LinearLayout llMaterialScroll) {
    // 执行延迟的主要原因是,图片和文字设置到具体的控件上去,重新测量计算高度,需要一定的时间
    svMaterialScroll.postDelayed(new Runnable() {
        @Override
        public void run() {
            // 重新设置ScrollView的高度
            LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) svMaterialScroll.getLayoutParams();
            if (llMaterialScroll.getMeasuredHeight() > dp250) {
                params.height = dp250;
            } else {
                params.height = llMaterialScroll.getMeasuredHeight();
            }
            svMaterialScroll.setLayoutParams(params);
            svMaterialScroll.removeCallbacks(this);
        }
    }, 16);
}

也可以通过自定义ScrollView,设置最大高度来控制

import android.content.Context;
import android.content.res.TypedArray;
import android.support.v4.widget.NestedScrollView;
import android.util.AttributeSet;

import com.offcn.stuservice.R;

/**
 * 可以设置最大高度的ScrollView
 */
public class WrapScrollView extends NestedScrollView {
    private int maxHeight = -1;                         // 最大高度
    private OnScrollListener listener;                  // 滑动监听器

    public WrapScrollView(Context context) {
        this(context, null);
    }

    public WrapScrollView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public WrapScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.WrapScrollView);
        this.maxHeight = (int) array.getDimension(R.styleable.WrapScrollView_max_height, -1);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        try {
            if (maxHeight > 0) {
                heightMeasureSpec = MeasureSpec.makeMeasureSpec(maxHeight, MeasureSpec.AT_MOST);
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    public void setOnScrollListener(OnScrollListener listener) {
        this.listener = listener;
    }

    //重写原生onScrollChanged方法,将参数传递给接口,由接口传递出去
    @Override
    protected void onScrollChanged(int curScrollX, int curScrollY, int oldScrollX, int oldScrollY) {
        super.onScrollChanged(curScrollX, curScrollY, oldScrollX, oldScrollY);
        if (listener != null) {
            // 这里只传了水平和垂直滑动后的位置
            listener.onScroll(curScrollX, curScrollY);
        }
    }

    //设置接口
    public interface OnScrollListener {
        // 参数是滑动后的位置
        void onScroll(int scrollX, int scrollY);
    }
}

<!--最大高度-->
<declare-styleable name="WrapScrollView">
    <attr name="max_height" format="dimension" />
</declare-styleable>

下面只是告知读者可以通过监听器执行记录和回滚到原来的位置

// 设置滑动监听器
svMaterialScroll.setOnScrollListener(new WrapScrollView.OnScrollListener() {
    @Override
    public void onScroll(int scrollX, int scrollY) {
        bean.setLastScrollY(scrollY);
    }
});
// 延迟执行自动滚动操作
svMaterialScroll.post(new Runnable() {
    @Override
    public void run() {
        svMaterialScroll.scrollTo(0, bean.getLastScrollY());
        svMaterialScroll.removeCallbacks(this);
    }
});

相关文章

网友评论

      本文标题:RecyclerView与ScrollView相互嵌套的问题

      本文链接:https://www.haomeiwen.com/subject/imfjzqtx.html