美文网首页
【Android面试题】高级UI面试题——ScrollView下

【Android面试题】高级UI面试题——ScrollView下

作者: 小城哇哇 | 来源:发表于2023-09-08 15:44 被阅读0次

    ScrollView下嵌套一个RecycleView通常会出现什么问题

    这道题想考察什么?

    考察同学对ScrollView和RecyclerView嵌套的理解,这个问题在开发中非常常见,如果我们使用了这种展示列表的方案,基本上都会遇到一些需要解决的冲突问题,所以面试官是问我们的实践情况。所以,建议大家用过这个场景实现app UI的都可以好好的总结一下,实践一下。

    考生应该如何回答

    ScrollView下嵌套一个RecycleView通常会导致如下几个问题

    • ScrollView和RecyclerView两者都会滑动,而且有时候,滑动会冲突
    • ScrollView高度显示不正常
    • RecyclerView内容显示不全

    滑动卡顿解决方案

    若只存在滑动卡顿这一问题,可以采用如下两种简单方式解决
    方式1:利用RecyclerView内部方法

    recyclerView.setHasFixedSize(true);
    recyclerView.setNestedScrollingEnabled(false);
    

    其中,setHasFixedSize(true)方法使得RecyclerView能够固定自身size不受adapter变化的影响;而setNestedScrollingeEnabled(false)方法则是进一步调用了RecyclerView内部NestedScrollingChildHelper对象的setNestedScrollingeEnabled(false)方法,如下

    public void setNestedScrollingEnabled(boolean enabled) {
        getScrollingChildHelper().setNestedScrollingEnabled(enabled);
    }
    

    进而,NestedScrollingChildHelper对象通过此方法关闭RecyclerView的嵌套滑动特性,如下

    public void setNestedScrollingEnabled(boolean enabled) {
        if (mIsNestedScrollingEnabled) {
            ViewCompat.stopNestedScroll(mView);
        }
        mIsNestedScrollingEnabled = enabled;
    }
    

    如此一来,限制了RecyclerView自身的滑动,整个页面滑动仅依靠ScrollView实现,即可解决滑动卡顿的问题

    方式2:重写LayoutManager

    LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this) {
        @Override
        public boolean canScrollVertically() {
            return false;
        }
    };
    

    这一方式使得RecyclerView的垂直滑动始终返回false,其目的同样是为了限制自身的滑动

    综合解决方案

    若是需要综合解决上述三个问题,则可以采用如下几种方式。
    方式1:插入LinearLayout/RelativeLayout
    在原有布局中插入一层LinearLayout/RelativeLayout,形成如下布局

    ScrollView
        LinearLayout/RelativeLayout
            RecyclerView
    

    方式2:重写LayoutManager
    该方法的核心点在于通过重写LayoutManager中的onMeasure()方法,即

    @Override
    public void onMeasure(RecyclerView.Recycler recycler, RecyclerView.State state, int widthSpec, int heightSpec) {
        super.onMeasure(recycler, state, widthSpec, heightSpec);
    }
    

    重新实现RecyclerView高度的计算,使得其能够在ScrollView中表现出正确的高度.

    方式3:重写ScrollView
    该方法的核心点在于通过重写ScrollView的onInterceptTouchEvent(MotionEvent ev)方法,拦截滑动事件,使得滑动事件能够直接传递给RecyclerView,具体重写方式可参考如下

    public class RecyclerScrollView extends ScrollView {
        private int slop;
        private int touch;
     
        public RecyclerScrollView(Context context) {
            super(context);
            setSlop(context);
        }
     
        public RecyclerScrollView(Context context, AttributeSet attrs) {
            super(context, attrs);
            setSlop(context);
        }
     
        public RecyclerScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            setSlop(context);
        }
     
        /**
         * 是否intercept当前的触摸事件
         * @param ev 触摸事件
         * @return true:调用onMotionEvent()方法,并完成滑动操作
         */
        @Override
        public boolean onInterceptTouchEvent(MotionEvent ev) {
            switch (ev.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    //  保存当前touch的纵坐标值
                    touch = (int) ev.getRawY();
                    break;
                case MotionEvent.ACTION_MOVE:
                    //  滑动距离大于slop值时,返回true
                    if (Math.abs((int) ev.getRawY() - touch) > slop) return true;
                    break;
            }
     
            return super.onInterceptTouchEvent(ev);
        }
     
        /**
         * 获取相应context的touch slop值(即在用户滑动之前,能够滑动的以像素为单位的距离)
         * @param context ScrollView对应的context
         */
        private void setSlop(Context context) {
            slop = ViewConfiguration.get(context).getScaledTouchSlop();
        }
    }
    

    事实上,尽管我们能够采用多种方式解决ScrollView嵌套RecyclerView所产生的一系列问题,但由于上述解决方式均会使得RecyclerView在页面加载过程中一次性显示所有内容,因此当RecyclerView下的条目过多时,将会对影响整个应用的运行效率。基于此,在这种情况下我们应当尽量避免采用ScrollView嵌套RecyclerView的布局方式。

    相关文章

      网友评论

          本文标题:【Android面试题】高级UI面试题——ScrollView下

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