Android開發(fā)優(yōu)化之——對(duì)界面UI的優(yōu)化(2)
在一個(gè)應(yīng)用程序中,一般都會(huì)存在多個(gè)Activity,每個(gè)Activity對(duì)應(yīng)著一個(gè)UI布局文件。一般來(lái)說(shuō),為了保持不同窗口之間的風(fēng)格統(tǒng)一,在這些UI布局文件中,幾乎肯定會(huì)用到很多相同的布局。如果我們?cè)诿總€(gè)xml文件中都把相同的布局都重寫一遍,一個(gè)是代碼冗余,可讀性很差;另一個(gè)是修改起來(lái)比較麻煩,對(duì)后期的修改和維護(hù)非常不利。所以,一般情況下,我們需要把相同布局的代碼單獨(dú)寫成一個(gè)模塊,然后在用到的時(shí)候,可以通過(guò)<include /> 標(biāo)簽來(lái)重用layout的代碼。
常見的,有的應(yīng)用在最上方會(huì)有一個(gè)標(biāo)題欄。類似下圖所示。
圖 標(biāo)題欄的示例
如果項(xiàng)目中大部分Activity的布局都包含這樣的標(biāo)題欄,就可以把標(biāo)題欄的布局單獨(dú)寫成一個(gè)xml文件。
- <RelativeLayout
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:gravity="center"
- android:background="@drawable/navigator_bar_bg"
- xmlns:android="http://schemas.android.com/apk/res/android">
- <TextView
- android:id="@android:id/title"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:layout_centerVertical="true"
- android:gravity="center"
- android:hint="title"
- android:textAppearance="?android:attr/textAppearanceMedium" />
- <ImageView
- android:id="@android:id/closeButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_alignParentRight="true"
- android:src="@drawable/close" />
- </RelativeLayout>
我們將上面的xml文件命名為“navigator_bar.xml”,其它需要標(biāo)題欄的Activity的xml布局文件就可以直接引用此文件了。
- <include layout="@layout/navigator_bar" />
經(jīng)驗(yàn)分享: 一般情況下,在項(xiàng)目的初期就能夠大致確定整體UI的風(fēng)格。所以早期的時(shí)候就可以做一些規(guī)劃,將通用的模塊先寫出來(lái)。 下面是可能可以抽出的共用的布局: 1)背景。有的應(yīng)用在不同的界面里會(huì)用到統(tǒng)一的背景。后期可能會(huì)經(jīng)常修改默認(rèn)背景,所以可以將背景做成一個(gè)通用模塊。 2)頭部的標(biāo)題欄。如果應(yīng)用有統(tǒng)一的頭部標(biāo)題欄,就可以抽取出來(lái)。 3)底部的導(dǎo)航欄。如果應(yīng)用有導(dǎo)航欄,而且大部分的Activity的底部導(dǎo)航欄是相同的,就可以將導(dǎo)航欄寫成一個(gè)通用模塊。 4)ListView。大部分應(yīng)用都會(huì)用到ListView展示多條數(shù)據(jù)。項(xiàng)目后期可能會(huì)經(jīng)常調(diào)整ListView的風(fēng)格,所以將ListView作為一個(gè)通用的模塊比較好。 |