Xml转换成view的原理

╰+哭是因爲堅強的太久メ 2022-07-14 08:37 161阅读 0赞

在开发过程中，我们通常都有在用View.inflate(context, resource, root)方法来创建视图，这个方法非常方便，但是它有个缺点就是没有加载xml 里面设置的布局参数。举个例子创建一个叫ListViewDemo 的工程。它里面主界面布局里面就放置一个listview

在activity 中就是获取到listview 控件并给它设置一个适配器

MainActivity .java

package com.itheima.listviewdemo;
        import android.os.Bundle;
        import android.app.Activity;
        import android.content.Context;
        import android.view.LayoutInflater;
        import android.view.Menu;
    
        import android.view.View;
        import android.view.ViewGroup;
        import android.widget.BaseAdapter;
        import android.widget.ListView;
        public class MainActivity extends Activity { 
            @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_main);
                ListView listview = (ListView) findViewById(R.id.listview);
                listview.setAdapter(new MyAdapater(this));
            }
            private class MyAdapater extends BaseAdapter { 
                private LayoutInflater mInflater;
                public MyAdapater(Context mcontext) {
                    mInflater = (LayoutInflater) mcontext
                            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                }
                @Override
                public int getCount() {
                    // TODO Auto-generated method stub
                    return 10;
                }
                @Override
                public Object getItem(int position) {
                    // TODO Auto-generated method stub
                    return null;
                }
                @Override
                public long getItemId(int position) {
                    // TODO Auto-generated method stub
                    return 0;
                }
                @Override
                public View getView(int position, View convertView, ViewGroup parent) {
                    View view = mInflater.inflate(R.layout.item, parent, false);
                    // View view = mInflater.inflate(R.layout.item, null);
                    return view;
                }
            }
        }

listview 的item 布局为item.xml,它是一个宽度为match\_parent，高度为100dp 的线性  
布局，线性布局包含了一个宽度为match\_parent、高度为match\_parent 的TextView。  
【文件1-3】item.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="100dp" android:orientation="vertical" >
    <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:background="#f00" android:text="黑马程序员"/>
    
     </LinearLayout>

从布局上来看，listview 的条目textview 控件的高度应该为100dp。但是我们在适配器方法getview 中使用mInflater.inflate(R.layout.item, null)方法后(见【文件1-2】54 行)，运行的效果如图1-1(a)所示，它的高  
度为包裹内容，这说明它没有使用到xml 中设置的属性高度。

ListViewDemo 运行效果

![inflate][]

如果使用mInflater.inflate(R.layout.item, parent, false)，运行效果如图1-1(b)所示，它的高度为100dp，  
这样xml 里设置的高度就生效了，这才是inflate 方法的正确用法。  
那我们来看看它为什么可以正确显示xml 布局中的数据。我按住ctrl+左键进入mInflater.inflate  
(R.layout.item, parent, false) 方法的源码，方法中通过第一个参数布局资源id 获取到一个XmlResourceParser  
对象，接着调用inflate(parser, root, attachToRoot)方法(见【文件1-4】3~5 行)。在该方法中首先通过final  
AttributeSet attrs = Xml.asAttributeSet(parser) 这段代码拿到xml 中的属性值； 再通过temp =  
createViewFromTag(root, name, attrs) 这段代码得到根据属性值attrs 对象创建出来的view 。  
createViewFromTag(root, name, attrs)方法中通过调用createView 方法使用反射的方式创建出控件对象；在  
inflate(parser, root, attachToRoot)方法中还有一步重要的操作：temp.setLayoutParams(params)，这里temp 的  
是上面createViewFromTag 方法根据xml 创建出来的view，给它设置了xml 里设置的布局参数，这样xml  
里设置的高度就生效了。(这里源码过多就不贴出来了)  
源码执行顺序：inflate(R.layout.item, parent,false)→XmlResourceParser →inflate(parser, root,  
attachToRoot)→AttributeSet attrs = Xml.asAttributeSet(parser)→temp = createViewFromTag(root, name, attrs)→  
→temp.setLayoutParams(params)，这是inflate 方法的执行顺序。其中createViewFromTag(root, name, attrs)  
方法中通过view = createView(name, null, attrs)方法使用反射来创建xml 中的控件，这样一个xml 转换为  
view 的步骤原理就介绍完了。  
【文件1-4】Inflate 源码

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();
     }
     }

[inflate]: /images/20220714/cdfb68a92e9349bf91f75ce847e6f46a.png