Android—RecyclerView进阶(1)—LayoutInflater

我的CSDN: ListerCi
我的简书: 东方未曦

RecyclerView是项目中使用最为频繁的控件之一,相关的知识点非常多,如果对RecyclerView的了解不够深入,那么在进行性能优化、自定义动画等工作时就会觉得力不从心。博主本人也有过多次这样的经历,因此下定决心要对RecyclerView相关的知识进行整理和学习,所以有了这一系列的博客。
本系列将会对RecyclerView的内容和进阶使用进行介绍,包括布局加载、ItemDecoration、ItemAnimator、LayoutManager、ViewHoler重用和RecyclerView封装等内容,本文是第一篇,先来介绍一下ViewHolder视图的加载。话不多少,让我们开始吧。

一、加载布局的三个方法

我们一般通过LayoutInflater将布局文件加载到某个界面或者Layout中,加载布局文件时有如下3个方式。

LayoutInflater.from(mContext).inflate(R.layout.item, null);
LayoutInflater.from(mContext).inflate(R.layout.item, parent, false);
LayoutInflater.from(mContext).inflate(R.layout.item, parent, true);

我之前并没有特别关注它们参数的意义与作用,但是在用LayoutInflater为ViewHolder加载布局时,我发现了一点不同。
我们来做个实验:分别通过这3个方式为RecyclerView的item加载布局,布局文件如下,item高度为150dp,内部有ImageView和TextView,来看下通过不同的方法为ViewHolder加载布局时的结果。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:gravity="center_vertical">

    <ImageView
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@mipmap/ic_launcher_round"/>

    <TextView
        android:id="@+id/item_test_inflate_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:layout_marginLeft="30dp"/>

</LinearLayout>
方式1: inflate(R.layout.item, null)
    @Override
    public TestInflateViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(mContext)
                .inflate(R.layout.item_test_inflate, null);
        return new TestInflateViewHolder(view);
    }

运行结果如下,显然与布局文件中设置的高度并不一致,也就是说,android:layout_height没有生效。

运行结果1.png
方式2: inflate(R.layout.item, parent, false)

使用方法2时传入了onCreateViewHolder(...)提供的parent,attachToRoot属性设为false,这也是我们平时为item加载布局时最常用的方法。

    @Override
    public TestInflateViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(mContext)
                .inflate(R.layout.item_test_inflate, parent, false);
        return new TestInflateViewHolder(view);
    }

再来看运行结果,与布局文件完全一样。

运行结果2.png
方式3: inflate(R.layout.item, parent, true)

再来尝试一下最后一个方法,运行之后程序闪退,日志如下。

java.lang.IllegalStateException: 
ViewHolder views must not be attached when created. 
Ensure that you are not passing 'true' to the attachToRoot parameter of LayoutInflater.inflate(..., boolean attachToRoot)

日志中说ViewHolder不能被attach到parent上,要我们保证LayoutInflater.inflate(..., boolean attachToRoot)中attachToRoot属性不能传true。

实验做完,我们对LayoutInflater三种方式在加载ViewHolder时的作用也有了大概的了解。第1种方式虽然能加载布局,但是android:layout_width之类的属性不会生效;第2种方式传入了parent并设置attachToRoot为false之后,android:layout_width等属性就生效了;第3种方式不能用。

虽然知道了结论,但是我们还是有很多问题:onCreateViewHolder()方法中传入的parent是什么?为什么不传入parent之前,高度等属性不生效?为什么attachToRoot不能设置为true?······为了解答这些问题,让我们一起去看一看源码。

二、源码分析

首先解答第1个问题,通过onCreateViewHolder(@NonNull ViewGroup parent, int viewType)中新建ViewHolder时,方法的第1个参数parent其实就是RecyclerView,也就是说,item的parent就是RecyclerView。

下面的问题都是关于LayoutInflater的inflate(...)方法的,来看源码。

// 实验中的第1种方式,实际调用下面的方法
public View inflate(@LayoutRes int resource, @Nullable ViewGroup root) {
    return inflate(resource, root, root != null);
}

// 实验中的第2、3种方式,实际调用inflate(parser, root, attachToRoot)方法
public View inflate(@LayoutRes int resource, @Nullable ViewGroup root, boolean attachToRoot) {
        final Resources res = getContext().getResources();
        if (DEBUG) {
            Log.d(TAG, "INFLATING from resource: \"" + res.getResourceName(resource) + "\" ("
                  + Integer.toHexString(resource) + ")");
        }

        View view = tryInflatePrecompiled(resource, res, root, attachToRoot);
        if (view != null) {
            return view;
        }
        XmlResourceParser parser = res.getLayout(resource);
        try {
            return inflate(parser, root, attachToRoot);
        } finally {
            parser.close();
        }
    }

看了源码之后我们发现3种方式是同源的,最后都会调用inflate(parser, root, attachToRoot)方法,其中的XmlResourceParser是用于解析xml文件的,来看该方法的源码。

    public View inflate(XmlPullParser parser, @Nullable ViewGroup root, boolean attachToRoot) {
        synchronized (mConstructorArgs) {
            final Context inflaterContext = mContext;
            final AttributeSet attrs = Xml.asAttributeSet(parser);
            Context lastContext = (Context) mConstructorArgs[0];
            mConstructorArgs[0] = inflaterContext;
            View result = root;

            try {
                advanceToRootNode(parser); // 找布局文件的根节点
                final String name = parser.getName();

                if (TAG_MERGE.equals(name)) {
                    // 如果根节点是<merge>······省略此处的代码
                } else {
                    // temp就是xml文件的root view
                    final View temp = createViewFromTag(root, name, inflaterContext, attrs);
                    ViewGroup.LayoutParams params = null;

                    if (root != null) {
                        // Create layout params that match root, if supplied
                        params = root.generateLayoutParams(attrs);
                        if (!attachToRoot) {
                            // 此处为第3种方式,为temp设置LayoutParams
                            // LayoutParams中包括layout_width等,就是这里设置的
                            temp.setLayoutParams(params);
                        }
                    }

                    rInflateChildren(parser, temp, attrs, true);

                    // 将temp通过addView的方式添加到root,也就是parent中
                    // 这种方式下,最后的返回值为root
                    if (root != null && attachToRoot) {
                        root.addView(temp, params);
                    }
                    // root为null或者attachToRoot为false时,返回的是temp
                    if (root == null || !attachToRoot) {
                        result = temp;
                    }
                }

            } catch (XmlPullParserException e) {
                // ......
            } catch (Exception e) {
                // ......
            } finally {
                mConstructorArgs[0] = lastContext;
                mConstructorArgs[1] = null;
                Trace.traceEnd(Trace.TRACE_TAG_VIEW);
            }
            return result;
        }
    }

该方法的主体逻辑比较清晰,先是通过advanceToRootNode(parser)找到xml文件的根节点。方法中XmlPullParser.START_TAG就是指xml的开始节点,例如<LinearLayout>。对应的XmlPullParser.END_TAG就是指</LinearLayout>这样的结束节点。

    private void advanceToRootNode(XmlPullParser parser)
        throws InflateException, IOException, XmlPullParserException {
        // Look for the root node.
        int type;
        while ((type = parser.next()) != XmlPullParser.START_TAG &&
            type != XmlPullParser.END_DOCUMENT) {
            // Empty
        }

        if (type != XmlPullParser.START_TAG) {
            throw new InflateException(parser.getPositionDescription()
                + ": No start tag found!");
        }
    }

随后通过createViewFromTag(root, name, inflaterContext, attrs)方法创建了xml文件的根视图,在我们的例子中就是LinearLayout。再往下看,当传入的root不为null时,通过root.generateLayoutParams(attrs)生成LayoutParams,当attachToRoot为false时通过temp.setLayoutParams(params)为temp设置LayoutParams,此时layout属性才会生效,包括layout_width、layout_height、layout_margin等。

之后通过rInflateChildren(parser, temp, attrs, true)递归地实例化整个xml文件中的view,此时temp的子View都已经被实例化了。

接下来是比较重要的一步,当(root != null && attachToRoot),也就是用实验中的第3种方式加载布局时,会调用root.addView(temp, params)将temp添加到root中,并且最后返回的就是root。很显然这种方式无法用于新建ViewHolder,因为RecyclerView自己有一套重用ViewHolder的机制,不需要额外将View添加进去。而当(root == null || !attachToRoot)时,返回的结果是temp,也就是通过xml文件创建的视图。

三、总结

通过源码分析,布局加载的流程非常明确:
如果你的View不需要LayoutParams,那么不用传入parent;
如果你的View需要LayoutParams,那么必须传入一个parent,如果还要将View添加到parent中,那么attachToRoot为true,此时该方法的返回值为parent;如果不需要添加到parent中,则attachToRoot为false。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,558评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,002评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,024评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,144评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,255评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,295评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,068评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,478评论 1 305
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,789评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,965评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,649评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,267评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,982评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,800评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,847评论 2 351

推荐阅读更多精彩内容