LayoutInflater 填充器填充布局，布局属性失效问题

柔情只为你懂 2022-08-20 07:27 191阅读 0赞

无意间看到一个帖子，标题：一个难倒 3年 android开发经验 ” 工程师 ” 的 “bug”，链接地址：[http://www.2cto.com/kf/201602/489364.html][http_www.2cto.com_kf_201602_489364.html]，所描述的问题就是通过填充器动态添加View对象的时候发现view中的宽高失效，而原帖作者所采用的方式是重新设置布局参数，方法如下代码所示：

ll_container=(LinearLayout) findViewById(R.id.ll_container);
            btn=(Button) LayoutInflater.from(this).inflate(R.layout.my_button, null);
            LinearLayout.LayoutParams lp=new LinearLayout.LayoutParams(200,200);
            btn.setLayoutParams(lp);
            ll_container.addView(btn);

看到这个问题之后非常怀疑，觉得非常奇怪，为什么原来xml中的宽度和高度消失了，也是带着这个疑问开始各种搜索，最后通过查看源代码得到了答案，在这里分享给大家。  
首先inflate有两个供用户调用的重载方法，分别是：  
1、 public View inflate(int resource, ViewGroup root)  
2、public View inflate(int resource, ViewGroup root, boolean attachToRoot)  
而我们常用的是第一个，而且习惯将root设置为null；  
先看第一个方法的源码：

public View inflate(int resource, ViewGroup root) {
            return inflate(resource, root, root != null);
        }

看见了吗，其实也是调用的而第二个重载方法，三个参数分别是：view的资源id，装载view的父容器，是否依附到父容器的布尔标记。  
下面我们就要进入inflate(int resource, ViewGroup root, boolean attachToRoot)源码中，

public View inflate(int resource, ViewGroup root, boolean attachToRoot) {
            if (DEBUG) System.out.println("INFLATING from resource: " + resource);
            XmlResourceParser parser = getContext().getResources().getLayout(resource);
            try {
                return inflate(parser, root, attachToRoot);
            } finally {
                parser.close();
            }
        }

这个方法其实做的事情就是将view的xml文件读取到xml解析器中，然后传递到另外一个inflate重载方法中，  
最核心的就在这个方法中，下面来看这个方法中的源代码：

public View inflate(XmlPullParser parser, ViewGroup root, boolean attachToRoot) {
            synchronized (mConstructorArgs) {
                final AttributeSet attrs = Xml.asAttributeSet(parser);
                Context lastContext = (Context)mConstructorArgs[0];
                mConstructorArgs[0] = mContext;
                View result = root;
    
                try {
                    // 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!");
                    }
    
                    final String name = parser.getName();
    
                    if (DEBUG) {
                        System.out.println("**************************");
                        System.out.println("Creating root view: "
                                + name);
                        System.out.println("**************************");
                    }
    
                    if (TAG_MERGE.equals(name)) {
                        if (root == null || !attachToRoot) {
                            throw new InflateException("<merge /> can be used only with a valid "
                                    + "ViewGroup root and attachToRoot=true");
                        }
    
                        rInflate(parser, root, attrs, false);
                    } else {
                        // Temp is the root view that was found in the xml
                        View temp;
                        if (TAG_1995.equals(name)) {
                            temp = new BlinkLayout(mContext, attrs);
                        } else {
                            temp = createViewFromTag(root, name, attrs);
                        }
    
                        ViewGroup.LayoutParams params = null;
    
                        if (root != null) {
                            if (DEBUG) {
                                System.out.println("Creating params from root: " +
                                        root);
                            }
                            // Create layout params that match root, if supplied
                            params = root.generateLayoutParams(attrs);
                            if (!attachToRoot) {
                                // Set the layout params for temp if we are not
                                // attaching. (If we are, we use addView, below)
                                temp.setLayoutParams(params);
                            }
                        }
    
                        if (DEBUG) {
                            System.out.println("-----> start inflating children");
                        }
                        // Inflate all children under temp
                        rInflate(parser, temp, attrs, true);
                        if (DEBUG) {
                            System.out.println("-----> done inflating children");
                        }
    
                        // We are supposed to attach all the views we found (int temp)
                        // to root. Do that now.
                        if (root != null && attachToRoot) {
                            root.addView(temp, params);
                        }
    
                        // Decide whether to return the root that was passed in or the
                        // top view found in xml.
                        if (root == null || !attachToRoot) {
                            result = temp;
                        }
                    }
    
                } catch (XmlPullParserException e) {
                    InflateException ex = new InflateException(e.getMessage());
                    ex.initCause(e);
                    throw ex;
                } catch (IOException e) {
                    InflateException ex = new InflateException(
                            parser.getPositionDescription()
                            + ": " + e.getMessage());
                    ex.initCause(e);
                    throw ex;
                } finally {
                    // Don't retain static reference on context.
                    mConstructorArgs[0] = lastContext;
                    mConstructorArgs[1] = null;
                }
    
                return result;
            }
        }

源代码非常长，因此我们挑重点分块看：

if (root != null) {
        if (DEBUG) {
             System.out.println("Creating params from root: " +
                     root);
         }
         // Create layout params that match root, if supplied params = root.generateLayoutParams(attrs);
         if (!attachToRoot) {
             // Set the layout params for temp if we are not // attaching. (If we are, we use addView, below) temp.setLayoutParams(params);
         }
     }

这段代码是首先判断传入的父容器是否为null，如果不为null，根据view 的xml文件中设置的属性生成布局参数，然后判断是否需要依附到父容器上，如果不需要则将布局参数设定给view对象，有些人会好奇为什么时不需要依附才设定布局参数，别着急，后面会讲到。  
下面看这段代码：

// We are supposed to attach all the views we found (int temp)
    // to root. Do that now.
     if (root != null && attachToRoot) {
         root.addView(temp, params);
     }
    
     // Decide whether to return the root that was passed in or the
     // top view found in xml.
     if (root == null || !attachToRoot) {
         result = temp;
     }

第一个if是当传入的父容器不为空，并且标记位为true的时候，则直接将将view添加到root上面，并将root返回，注意此处传入了布局参数，这就是为什么上面那段代码只对false情况setLayoutParams(params)。  
第二个if是当root为null或者不需要依附，则直接将view作为返回值返回，这里要强调一下，此处的if有两种情况 ：  
1、第一种是root==null，则不需要考虑标记位，直接将view返回；  
2、第二种是root！=null ，标记位为false 虽然也是直接将view返回，但是此时的view由于root！=null已经setLayoutParams(params)因此是有区别的。  
下面进行总结：  
1、public View inflate(int resource, ViewGroup root)  
该方法是如果root为null，则返回的是不带layoutparams的view对象；如果不为空则是直接将带有layoutparams的view添加到root上，并将root返回。  
2、public View inflate(int resource, ViewGroup root, boolean attachToRoot)  
此处考虑root！=null的情况，因为如果为null则跟上一个方法一样，细分如下两个方法，  
①inflate(int resource, ViewGroup root, false)  
这个方法是将带有layoutparams的view返回  
②inflate(int resource, ViewGroup root, true)  
这个方法是将带有view和layoutparams添加到root上，并将root返回。  
下面进行验证：

首先贴出activity\_main.xml

然后贴出my\_button.xml(view布局）

<?xml version="1.0" encoding="utf-8"?>
    <Button xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/btn" android:text="按钮" android:layout_width="80dp" android:layout_height="80dp" >
        </Button>

下面贴出MainActivity代码：  
第一种情况：

ll_container=(LinearLayout) findViewById(R.id.ll_container);
        btn=(Button) LayoutInflater.from(this).inflate(R.layout.my_button, null); 
        ll_container.addView(btn);

效果图：  
![这里写图片描述][20160216163805242]  
可以看出确实宽高失效

第二种情况，按照原帖作者的改进方式：

ll_container=(LinearLayout) findViewById(R.id.ll_container);
        btn=(Button) LayoutInflater.from(this).inflate(R.layout.my_button, null);
        LinearLayout.LayoutParams lp=new LinearLayout.LayoutParams(200,200);
        btn.setLayoutParams(lp); 
        ll_container.addView(btn);

![这里写图片描述][20160216164128665]  
重新设定了宽高，此种方式如果需要设定原始宽高则需要dp与px转换

另一种改进方式：

ll_container=(LinearLayout) findViewById(R.id.ll_container); 
        btn=(Button) LayoutInflater.from(this).inflate(R.layout.my_button,ll_container,false); 
        ll_container.addView(btn);

效果图：

![这里写图片描述][20160216164610897]  
此种方法按照xml宽高进行布局

还有一种改进方式：  
ll\_container=(LinearLayout) findViewById(R.id.ll\_container);  
btn=(Button) LayoutInflater.from(this).inflate(R.layout.my\_button, null);  
LayoutInflater.from(this).inflate(R.layout.my\_button,ll\_container,true);  
此种方式和上一种效果一样，此处不需要进行addview操作，代码更加简洁。

[http_www.2cto.com_kf_201602_489364.html]: http://www.2cto.com/kf/201602/489364.html
[20160216163805242]: /images/20220731/7820cbefd7a64b1eb4c7c701637d93b6.png
[20160216164128665]: /images/20220731/cc29f7884e7f435f913767aa1240107d.png
[20160216164610897]: /images/20220731/47552c3d2ff7475fb28b78f37ac424bf.png