簡述
LayoutInfalter主要是用來加載布局。對LayoutInfalter不怎么熟悉的屋群，通常都是在Activity中調(diào)用setContentView（）方法來完成的微服。其實setContentView（）方法的內(nèi)部也是使用LayoutInfalter來加載布局的，只不過這部分源碼是Internal的扔水，不太容易查看到舞骆。接下來我們剖析一下LayoutInfalter的工作流程。
先來看一下LayoutInfalter的基本用法糊饱，首先需要獲取到LayoutInfalter的實例垂寥，有倆種方法可以獲取到，第一種寫法如下：
LayoutInflater layoutInflater = LayoutInflater.from(context);
另外一種如下：
LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
其實第一種就是第二種的簡單寫法另锋，只是Android給我們做了一下封裝而已滞项。得到了LayoutInfalter的實例之后，就可以調(diào)用它的inflater()方法來加載布局了夭坪，如下所示：
layoutInflater.inflate(resourceId, root);
inflate方法一般接收倆個參數(shù)文判，第一個參數(shù)就是要加載的布局，第二個參數(shù)是指給該布局的外部再嵌套一層父布局室梅，如果不需要就直接傳null戏仓。這樣就成功創(chuàng)建了一個布局的實例，之后再將它添加到指定位置就可以顯示出來了竞惋。
下面我們通過一個簡單的例子來更好的理解一下LayoutInfalter的用法柜去。新建一個項目，其中MainActivity對應(yīng)的布局文件叫做activity_main.xml拆宛，代碼如下所示：
這個布局非常簡單嗓奢，只有一個空的LinearLayout，里面什么都沒有浑厚，因此界面上不會顯示任何東西股耽。
接下來我們在定義一個布局文件，給它取名為button_layout.xml钳幅，代碼如下所示：
這個布局文件也非常簡單物蝙，只有一個button按鈕。現(xiàn)在我們要想辦法敢艰，如何通過LayoutInfalter來將button_layout.xml這個布局添加到主布局文件的Linearlayout中诬乞。根據(jù)剛剛介紹的用法，修改MainActivity的中的代碼钠导，如下所示：
publicclassMainActivityextendsActivity {
privateLinearLayout?mainLayout;
@Override
protectedvoidonCreate(Bundle?savedInstanceState)?{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mainLayout?=?(LinearLayout)?findViewById(R.id.main_layout);
LayoutInflater?layoutInflater?=?LayoutInflater.from(this);
View?buttonLayout?=?layoutInflater.inflate(R.layout.button_layout,null);
mainLayout.addView(buttonLayout);
}
}
可以看到震嫉，這里先是獲取到了LayoutInfalter的實例，然后調(diào)用它的inflate（）方法來加載button_layout這個布局牡属，最后調(diào)用LinearLayout的addView（）方法將它添加到LinearLayout中票堵。
現(xiàn)在運行一下程序，結(jié)果如下所示：
Button在界面顯示出來了逮栅！說明我們確實借助LayoutInfalter成功的將button_layout.xml這個布局添加到Linearlayout當(dāng)中了悴势。LayoutInfalter技術(shù)廣泛應(yīng)用于需要動態(tài)添加View的時候窗宇，比如在ScrollView和ListView中，經(jīng)程叵耍可以看到LayoutInfalter的身影军俊。
當(dāng)然，僅僅介紹了如何使用LayoutInfalter顯然無法滿足大家的求知欲捧存，知其然也要知其所以然蝇完，接下來從源碼的角度看一看LayoutInfalter是如何工作的。
不管你使用的是哪兒個inflate方法的重載矗蕊，最終都會祝轉(zhuǎn)輾調(diào)用到LayoutInfalter的如下代碼：
publicView inflate(XmlPullParser parser, ViewGroup root,booleanattachToRoot) {
synchronized(mConstructorArgs)?{
finalAttributeSet?attrs?=?Xml.asAttributeSet(parser);
mConstructorArgs[0]?=?mContext;
View?result?=?root;
try{
inttype;
while((type?=?parser.next())?!=?XmlPullParser.START_TAG?&&
type?!=?XmlPullParser.END_DOCUMENT)?{
}
if(type?!=?XmlPullParser.START_TAG)?{
thrownewInflateException(parser.getPositionDescription()
+":?No?start?tag?found!");
}
finalString?name?=?parser.getName();
if(TAG_MERGE.equals(name))?{
if(root?==null||?!attachToRoot)?{
thrownewInflateException("merge?can?be?used?only?with?a?valid?"
+"ViewGroup?root?and?attachToRoot=true");
}
rInflate(parser,?root,?attrs);
}else{
View?temp?=?createViewFromTag(name,?attrs);
ViewGroup.LayoutParams?params?=null;
if(root?!=null)?{
params?=?root.generateLayoutParams(attrs);
if(!attachToRoot)?{
temp.setLayoutParams(params);
}
}rInflate(parser,?temp,?attrs);
if(root?!=null&&?attachToRoot)?{
root.addView(temp,?params);
}
if(root?==null||?!attachToRoot)?{
result?=?temp;
}
}
}catch(XmlPullParserException?e)?{
InflateException?ex?=newInflateException(e.getMessage());
ex.initCause(e);
throwex;
}catch(IOException?e)?{
InflateException?ex?=newInflateException(
parser.getPositionDescription()
+":?"+?e.getMessage());
ex.initCause(e);
throwex;
}
returnresult;
}
}
從這里我們就可以清楚地看出，LayoutInflater其實就是使用Android提供的pull解析方式來解析布局文件的氢架。不熟悉pull解析方式的朋友可以網(wǎng)上搜一下傻咖，教程很多，我就不細(xì)講了岖研，這里我們注意看下第23行卿操，調(diào)用了createViewFromTag()這個方法，并把節(jié)點名和參數(shù)傳了進(jìn)去孙援『τ伲看到這個方法名，我們就應(yīng)該能猜到拓售，它是用于根據(jù)節(jié)點名來創(chuàng)建View對象的窥摄。確實如此，在createViewFromTag()方法的內(nèi)部又會去調(diào)用createView()方法础淤，然后使用反射的方式創(chuàng)建出View的實例并返回崭放。
當(dāng)然，這里只是創(chuàng)建出了一個根布局的實例而已鸽凶，接下來會在第31行調(diào)用rInflate()方法來循環(huán)遍歷這個根布局下的子元素币砂，代碼如下所示：
privatevoidrInflate(XmlPullParser parser, View parent,finalAttributeSet attrs)
throwsXmlPullParserException,?IOException?{
finalintdepth?=?parser.getDepth();
inttype;
while(((type?=?parser.next())?!=?XmlPullParser.END_TAG?||
parser.getDepth()?>?depth)?&&?type?!=?XmlPullParser.END_DOCUMENT)?{
if(type?!=?XmlPullParser.START_TAG)?{
continue;
}
finalString?name?=?parser.getName();
if(TAG_REQUEST_FOCUS.equals(name))?{
parseRequestFocus(parser,?parent);
}elseif(TAG_INCLUDE.equals(name))?{
if(parser.getDepth()?==0)?{
thrownewInflateException("?cannot?be?the?root?element");
}
parseInclude(parser,?parent,?attrs);
}elseif(TAG_MERGE.equals(name))?{
thrownewInflateException("?must?be?the?root?element");
}else{
finalView?view?=?createViewFromTag(name,?attrs);
finalViewGroup?viewGroup?=?(ViewGroup)?parent;
finalViewGroup.LayoutParams?params?=?viewGroup.generateLayoutParams(attrs);
rInflate(parser,?view,?attrs);
viewGroup.addView(view,?params);
}
}
parent.onFinishInflate();
}
可以看到，在第21行同樣是createViewFromTag()方法來創(chuàng)建View的實例玻侥，然后還會在第24行遞歸調(diào)用rInflate()方法來查找這個View下的子元素决摧，每次遞歸完成后則將這個View添加到父布局當(dāng)中。
這樣的話凑兰，把整個布局文件都解析完成后就形成了一個完整的DOM結(jié)構(gòu)掌桩，最終會把最頂層的根布局返回，至此inflate()過程全部結(jié)束票摇。
比較細(xì)心的朋友也許會注意到拘鞋，inflate()方法還有個接收三個參數(shù)的方法重載，結(jié)構(gòu)如下：
inflate(intresource, ViewGroup root,booleanattachToRoot)
那么這第三個參數(shù)attachToRoot又是什么意思呢矢门？其實如果你仔細(xì)去閱讀上面的源碼應(yīng)該可以自己分析出答案盆色，這里我先將結(jié)論說一下吧灰蛙，感興趣的朋友可以再閱讀一下源碼，校驗我的結(jié)論是否正確隔躲。
1. 如果root為null摩梧，attachToRoot將失去作用，設(shè)置任何值都沒有意義宣旱。
2. 如果root不為null仅父，attachToRoot設(shè)為true，則會給加載的布局文件的指定一個父布局浑吟，即root笙纤。
3. 如果root不為null，attachToRoot設(shè)為false组力，則會將布局文件最外層的所有l(wèi)ayout屬性進(jìn)行設(shè)置省容，當(dāng)該view被添加到父view當(dāng)中時，這些layout屬性會自動生效燎字。
4. 在不設(shè)置attachToRoot參數(shù)的情況下腥椒，如果root不為null，attachToRoot參數(shù)默認(rèn)為true候衍。
好了笼蛛，現(xiàn)在對LayoutInflater的工作原理和流程也搞清楚了，你該滿足了吧蛉鹿。額滨砍。。榨为。惨好。還嫌這個例子中的按鈕看起來有點小，想要調(diào)大一些随闺？那簡單的呀日川，修改button_layout.xml中的代碼，如下所示：
這里我們將按鈕的寬度改成300dp矩乐，高度改成80dp龄句，這樣夠大了吧？現(xiàn)在重新運行一下程序來觀察效果散罕。咦分歇？怎么按鈕還是原來的大小，沒有任何變化欧漱！是不是按鈕仍然不夠大职抡，再改大一點呢？還是沒有用误甚！
其實這里不管你將Button的layout_width和layout_height的值修改成多少缚甩，都不會有任何效果的谱净，因為這兩個值現(xiàn)在已經(jīng)完全失去了作用。平時我們經(jīng)常使用layout_width和layout_height來設(shè)置View的大小擅威，并且一直都能正常工作壕探，就好像這兩個屬性確實是用于設(shè)置View的大小的。而實際上則不然郊丛，它們其實是用于設(shè)置View在布局中的大小的李请，也就是說，首先View必須存在于一個布局中厉熟，之后如果將layout_width設(shè)置成match_parent表示讓View的寬度填充滿布局导盅，如果設(shè)置成wrap_content表示讓View的寬度剛好可以包含其內(nèi)容，如果設(shè)置成具體的數(shù)值則View的寬度會變成相應(yīng)的數(shù)值揍瑟。這也是為什么這兩個屬性叫作layout_width和layout_height认轨，而不是width和height。
再來看一下我們的button_layout.xml吧月培，很明顯Button這個控件目前不存在于任何布局當(dāng)中，所以layout_width和layout_height這兩個屬性理所當(dāng)然沒有任何作用恩急。那么怎樣修改才能讓按鈕的大小改變呢杉畜？解決方法其實有很多種，最簡單的方式就是在Button的外面再嵌套一層布局衷恭，如下所示：
可以看到此叠，這里我們又加入了一個RelativeLayout，此時的Button存在與RelativeLayout之中随珠，layout_width和layout_height屬性也就有作用了灭袁。當(dāng)然，處于最外層的RelativeLayout窗看，它的layout_width和layout_height則會失去作用∪灼纾現(xiàn)在重新運行一下程序，結(jié)果如下圖所示：
OK显沈！按鈕的終于可以變大了软瞎，這下總算是滿足大家的要求了吧。
看到這里拉讯，也許有些朋友心中會有一個巨大的疑惑涤浇。不對呀！平時在Activity中指定布局文件的時候魔慷，最外層的那個布局是可以指定大小的呀只锭，layout_width和layout_height都是有作用的。確實院尔，這主要是因為蜻展，在setContentView()方法中喉誊，Android會自動在布局文件的最外層再嵌套一個FrameLayout，所以layout_width和layout_height屬性才會有效果铺呵。那么我們來證實一下吧裹驰，修改MainActivity中的代碼，如下所示：
publicclassMainActivityextendsActivity {
privateLinearLayout?mainLayout;
@Override
protectedvoidonCreate(Bundle?savedInstanceState)?{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mainLayout?=?(LinearLayout)?findViewById(R.id.main_layout);
ViewParent?viewParent?=?mainLayout.getParent();
Log.d("TAG","the?parent?of?mainLayout?is?"+?viewParent);
}
}
可以看到片挂，這里通過findViewById()方法幻林，拿到了activity_main布局中最外層的LinearLayout對象，然后調(diào)用它的getParent()方法獲取它的父布局音念，再通過Log打印出來』龋現(xiàn)在重新運行一下程序，結(jié)果如下圖所示：
非常正確闷愤！LinearLayout的父布局確實是一個FrameLayout整葡，而這個FrameLayout就是由系統(tǒng)自動幫我們添加上的。
說到這里讥脐，雖然setContentView()方法大家都會用遭居，但實際上Android界面顯示的原理要比我們所看到的東西復(fù)雜得多。任何一個Activity中顯示的界面其實主要都由兩部分組成旬渠，標(biāo)題欄和內(nèi)容布局俱萍。標(biāo)題欄就是在很多界面頂部顯示的那部分內(nèi)容，比如剛剛我們的那個例子當(dāng)中就有標(biāo)題欄告丢，可以在代碼中控制讓它是否顯示枪蘑。而內(nèi)容布局就是一個FrameLayout，這個布局的id叫作content岖免，我們調(diào)用setContentView()方法時所傳入的布局其實就是放到這個FrameLayout中的岳颇，這也是為什么這個方法名叫作setContentView()，而不是叫setView()颅湘。
最后再附上一張Activity窗口的組成圖吧话侧，以便于大家更加直觀地理解：
結(jié)束，謝謝闯参！
