生活随笔
收集整理的這篇文章主要介紹了
android UI进阶之布局的优化（二）
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
上一篇博客中介紹了布局優(yōu)化的工具，層級觀察器Hierarchy Viewer和布局優(yōu)化分析工具layoutopt。如果看過上篇博客的會注意到，layoutopt工具提示可以將<FrameLayout/>換成<merge/>。其實<merge/>標簽在UI的結構優(yōu)化中起著非常重要的作用，通過它可以刪減多余的層級，達到優(yōu)化UI的目的。
再來看一下上篇博客中使用的框架布局的樹形結構圖：
根節(jié)點和LinearLayout上面那個子樹為android的窗口布局，后面的TextView即為標簽。×××框內的這部分樹形圖即為我們的布局。可以發(fā)現(xiàn)紅色框出的FrameLayout是另一個FrameLayout的唯一子元素，并且該父節(jié)點并沒有額外的屬性，也就是說，它是完全冗余的，這時候就要用<merge/>標簽來解決這個問題。用<merge/>替換原來的<FrameLayout/>標簽，修改后的布局代碼如下：
<?xml?version="1.0"?encoding="utf-8"?>?<merge?xmlns:android="http://schemas.android.com/apk/res/android"?android:orientation="vertical"?android:layout_width="fill_parent"?android:layout_height="fill_parent"?>?<TextView?android:layout_width="300dip"?android:layout_height="300dip"?android:background="#00008B"?android:layout_gravity="center"?/>?<TextView?android:layout_width="250dip"?android:layout_height="250dip"?android:background="#0000CD"?android:layout_gravity="center"?/>?<TextView?android:layout_width="200dip"?android:layout_height="200dip"?android:background="#0000FF"?android:layout_gravity="center"?/>?<TextView?android:layout_width="150dip"?android:layout_height="150dip"?android:background="#00BFFF"?android:layout_gravity="center"?/>?<TextView?android:layout_width="100dip"?android:layout_height="100dip"?android:background="#00CED1"?android:layout_gravity="center"?/>?</merge>?? 再觀察下它的樹形圖，如圖所示，顯然層次更簡單了。
為什么會這樣呢，因為Activity的根節(jié)點都是FrameLayout，所以用merge標簽可以直接添加到這個FrameLayout而不要再增加一個FrameLayout節(jié)點。但是如果你的布局是以LinearLayout等為根節(jié)點，就不能這么做了。
<merge/>其實還有很多作用，它和<include/>標簽就能完美的結合。<include/>標簽用來實現(xiàn)代碼的重用以及布局的模塊化。如果UI中需要多次用到同一個布局， <include/>標簽會大大提高我們的開發(fā)效率。看個例子：
新建一個共享布局：share.xml
<?xml?version="1.0"?encoding="utf-8"?>?<LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"?android:orientation="vertical"?android:layout_width="fill_parent"?android:layout_height="fill_parent"?>?<TextView?android:layout_width="fill_parent"?android:layout_height="wrap_content"?android:text="這是一個共享布局"?/>?</LinearLayout>? 然后在需要使用這個布局的布局中使用<include/>標簽，并且我們可以重寫它的一些屬性（下面的代碼就重寫了它的id）：
<?xml?version="1.0"?encoding="utf-8"?>?<LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"?android:orientation="vertical"?android:layout_width="fill_parent"?android:layout_height="fill_parent">?<include?android:id="@+id/new"?layout="@layout/share"></include>?</LinearLayout>? 如果在我們的布局中只需要使用共享布局的內容，這時候就可以用merge標簽，這樣使得布局更加高效靈活。
<?xml?version="1.0"?encoding="utf-8"?>?<merge?xmlns:android="http://schemas.android.com/apk/res/android"?<include?android:id="@+id/newone"?layout="@layout/share"></include>?<include?android:id="@+id/newtwo"?layout="@layout/share"></include>?</merge>? 有了<include/>標簽，很容易就能做到共享和重用布局，可是很多情況下，一個布局中有很多View并不常用，這就造成了資源的浪費，android為此提供了ViewStub標簽來解決這個問題。在默認情況下ViewStub下的標簽都有visibility=GONE屬性（不可見），更重要的是在這個標簽下的內容不會占用任何的空間。其實ViewStub和include類似，不過區(qū)別就在于ViewStub只會在你需要的時候進入你的界面，viewStub通過inflate()方法來通知系統(tǒng)加載其內部的View。這樣就可以讓我們既享受到<include/>的便利，又不會產生過多沒用的View。?還是看個例子：
其中share.xml前面已經介紹過了，main.xml的布局文件：
<?xml?version="1.0"?encoding="utf-8"?>??2??<LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??3?????android:orientation="vertical"???????android:layout_width="fill_parent"???????android:layout_height="fill_parent"???????>????<Button???????android:id="@+id/show"???????android:layout_width="wrap_content"??????android:layout_height="wrap_content"??????android:text="點擊導入"??????/>???<ViewStub?? ??????android:id="@+id/viewStub"?? ??????android:layout="@layout/share"?? ??????android:layout_width="wrap_content"?? ??????android:layout_height="wrap_content"?? ??????/>? ???</LinearLayout>? MyViewStub.java代碼：
package?com.notice520.viewstub; ?? ????import?android.app.Activity; ????import?android.os.Bundle; ???import?android.view.View; ???import?android.view.ViewStub; ???import?android.view.View.OnClickListener; ???import?android.widget.Button; ??? ??public?class?MyViewStub?extends?Activity?{ ?????? ??????private?ViewStub?mViewStub; ??????private?Button???showButton; ?????? ????????????@Override??????public?void?onCreate(Bundle?savedInstanceState)?{ ??????????super.onCreate(savedInstanceState); ??????????setContentView(R.layout.main); ?????????? ??????????mViewStub?=?(ViewStub)findViewById(R.id.viewStub);??????????showButton?=?(Button)findViewById(R.id.show); ?????????? ??????????????????????????????????? ??????????showButton.setOnClickListener(new?OnClickListener(){ ?????????????? ??????????????@Override??????????????public?void?onClick(View?v)?{ ??????????????????if?(mViewStub?!=?null)?{?? ?????????????????????mViewStub.inflate();??????????????????????}?? ??????????????} ??????????}); ??????} ??}? 運行效果如圖所示，當點擊按鈕后，導入的布局就會顯示，如圖所示。這里要注意的是，其實很多時候我們不需要保留ViewStub的引用（這個例子中我們在字段里保留了ViewStub的引用），因為當ViewStub inflate后，這個ViewStub就從View層次中移除了。在讀者深入學習后，會經常用到infate()方法來導入布局加載到原來的view 上，那時候你會發(fā)現(xiàn)用ViewStub是個比那更好的辦法。但是要注意的是，ViewStub還不支持<merge/>標簽。
?
好了，今天就寫到這了。希望對大家有幫助，有問題可以留言交流。歡迎轉載，但是請注明出處。
轉載于:https://blog.51cto.com/notice501/640956
總結
以上是生活随笔為你收集整理的android UI进阶之布局的优化（二）的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
