Android编程之LayoutInflater的inflate方法详解

╰半橙微兮° 2022-08-04 05:19 274阅读 0赞

转载自他人，这篇文章写的非常好

LayoutInflater的inflate方法，在fragment的onCreateView方法中经常用到：

**\[java\]**  [view plain][] [copy][view plain]

1.  **public** View onCreateView(LayoutInflater inflater, ViewGroup container,  
2.          Bundle savedInstanceState) \{

LayoutInflater的inflate方法一共有四种，但我们日常用经常用到的就只有这两种：

**\[java\]**  [view plain][] [copy][view plain]

1.  **public** View inflate(**int** resource, ViewGroup root) \{  
2.      **return** inflate(resource, root, root != **null**);  
3.  \}

**\[java\]**  [view plain][] [copy][view plain]

1.  **public** View inflate(**int** resource, ViewGroup root, **boolean** attachToRoot) \{  
2.      **if** (DEBUG) System.out.println("INFLATING from resource: " + resource);  
3.      XmlResourceParser parser = getContext().getResources().getLayout(resource);  
4.      **try** \{  
5.          **return** inflate(parser, root, attachToRoot);  
6.      \} **finally** \{  
7.          parser.close();  
8.      \}  
9.  \}

所以，这里直接介绍里面调用这个方法即可：

**\[java\]**  [view plain][] [copy][view plain]

1.  **public** View inflate(XmlPullParser parser, ViewGroup root, **boolean** attachToRoot)

在这个方法里面，上半部分为xml解析的代码，这里就不贴出来，确实没什么东西可看。直接看中间部分的代码：

**\[java\]**  [view plain][] [copy][view plain]

1.  ViewGroup.LayoutParams params = **null**;  
2.    
3.  **if** (root != **null**) \{  
4.      **if** (DEBUG) \{  
5.          System.out.println("Creating params from root: " +  
6.                  root);  
7.      \}  
8.      // Create layout params that match root, if supplied  
9.      params = root.generateLayoutParams(attrs);  
10.     **if** (!attachToRoot) \{  
11.         // Set the layout params for temp if we are not  
12.         // attaching. (If we are, we use addView, below)  
13.         temp.setLayoutParams(params);  
14.     \}  
15. \}

params = root.generateLayoutParams(attrs);

这段的意思是：如果调用inflate方法，传入了ViewGroup root参数，则会从root中得到由layout\_width和layout\_height组成的LayoutParams，在attachToRoot设置为false的话，就会对我们加载的视图View设置该LayoutParams。

接着往下看：

**\[java\]**  [view plain][] [copy][view plain]

1.  // We are supposed to attach all the views we found (int temp)  
2.  // to root. Do that now.  
3.  **if** (root != **null** && attachToRoot) \{  
4.      root.addView(temp, params);  
5.  \}  
6.    
7.  // Decide whether to return the root that was passed in or the  
8.  // top view found in xml.  
9.  **if** (root == **null** || !attachToRoot) \{  
10.     result = temp;  
11. \}

root.addView(temp, params);

如果设置了ViewGroup root参数，且attachToRoot设置为true的话，则将我们加载的视图做为子视图添加到root视图中。

如果我们ViewGroup root设置为空的话，就直接返回我们创建的视图；如果root不为空，且attachToRoot设置为false的话，就返回上面那段：对我们加载的视图View设置该LayoutParams。

以上就是该方法内容，可能你还有点看不太懂吧，继续看下面

如果你不关心其内部实现，只看如何使用的话，直接看这篇即可。

用两个布局文件main 和 test：

其中，main.xml文件为：

**\[html\]**  [view plain][view plain 1] [copy][view plain 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****LinearLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:layout\_width="match\_parent"  
4.      android:layout\_height="match\_parent"  
5.      android:orientation="vertical" **>**  
6.    
7.      **<****TextView**  
8.          android:layout\_width="match\_parent"  
9.          android:layout\_height="50dp"  
10.         android:gravity="center"  
11.         android:text="hello world" **/>**  
12.   
13. **</****LinearLayout****>**

test.xml文件为：

**\[html\]**  [view plain][view plain 1] [copy][view plain 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****LinearLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:layout\_width="match\_parent"  
4.      android:layout\_height="200dp"  
5.      android:background="\#ffffff00"  
6.      android:orientation="vertical" **>**  
7.    
8.      **<****TextView**  
9.          android:layout\_width="match\_parent"  
10.         android:layout\_height="50dp"  
11.         android:gravity="center"  
12.         android:text="test" **/>**  
13.   
14. **</****LinearLayout****>**

在test中设置了其高度为200dp，并且设置了背景颜色。

接下来看一下LayoutInflater().inflate方法实现：

第一种方式：inflate(view, null)

**\[java\]**  [view plain][view plain 1] [copy][view plain 1]

1.  @Override  
2.  **protected** **void** onCreate(Bundle savedInstanceState) \{  
3.      **super**.onCreate(savedInstanceState);  
4.      View view = (LinearLayout) getLayoutInflater().inflate(R.layout.main,  
5.              **null**);  
6.    
7.      view = getLayoutInflater().inflate(R.layout.test, **null**);  
8.    
9.      setContentView(view);  
10. \}

运行的效果如下：

![SouthEast][]

这个就很容易理解了，因为我没有指定ViewGroup root参数，所以，相当于直接加载了test视图文件，并返回。

而它的高度充满了全屏而不是200dp，因为执行inflate的时候，没有root参数，则无法为test视图设定layoutparam参数。那么为什么会充满屏幕而不是没有显示呢？是因为我们将其设置视图到activity时，会取得当前window的layoutparam赋值给它，也就是充满全屏。有兴趣的话，你可以改一下test的layout\_width设定一个数值，最后运行效果是一样的。

第二种方式：inflate(view, root, false)

**\[html\]**  [view plain][view plain 1] [copy][view plain 1] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  @Override  
2.  protected void onCreate(Bundle savedInstanceState) \{  
3.      super.onCreate(savedInstanceState);  
4.      View view = (LinearLayout) getLayoutInflater().inflate(R.layout.main,  
5.              null);  
6.    
7.      view = getLayoutInflater().inflate(R.layout.test, (ViewGroup) view, false);  
8.    
9.      setContentView(view);  
10. \}

这里调用inflate的时候，强转了view为viewgroup，因为其本身就是linearlayout，所以这里可以强转。

运行的效果如下：

![SouthEast][]

单看效果而言，跟上面的一样。但从代码本身而言，实现的内容就不一样了。由于有了viewgroup，这里得到的视图其实已经有了layoutparam，你可以自行打印Log看看。

但为什么最后的结果却是和上面的一样呢。原因还是由于设置视图到activity时，会取得当前window的layoutparam赋值给它，也就是充满全屏。

第三种方式：inflate(view, root, true)

**\[html\]**  [view plain][view plain 1] [copy][view plain 1] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  @Override  
2.  protected void onCreate(Bundle savedInstanceState) \{  
3.      super.onCreate(savedInstanceState);  
4.      View view = (LinearLayout) getLayoutInflater().inflate(R.layout.main,  
5.              null);  
6.    
7.      view = getLayoutInflater().inflate(R.layout.test, (ViewGroup) view,  
8.              true);  
9.    
10.     setContentView(view);  
11. \}

运行的效果如下：

![SouthEast 1][]

这个效果就很明显了，由于main是线性布局，所以，test视图被添加到了textview(hello world)下面，并且保留了其自己的layoutparam参数。

[view plain]: http://blog.csdn.net/xyz_fly/article/details/21301303#
[view plain 1]: http://blog.csdn.net/xyz_fly/article/details/37932989#
[SouthEast]: /images/20220731/76633c98a2a54b4fbaa0977efd8576db.png
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/522788
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/522788/fork
[SouthEast 1]: /images/20220731/0cdfb47e1c0541218d24a9c742af530b.png