andrid底部导航栏设计

1、Android应用底部导航栏（选项卡）实例现在很多an droid的应用都采用底部导航栏的功能，这样可以使得用户在使用过程中随意切换不同的页面，现在我采用TabHost组件来自定义一个底部的导航栏的功台匕 冃匕。我们先看下该demo实例的框架图:TSbDmm odra.wibli.dim ens. xmlstyles, xvnlprocnartp2CTO.COMsrc| com. utdyi12比心电mo4 J AAc tivi ly. j+i BActivi ty. jr l_ CAotivi ty. j ava七 .DActivi ty. j a Un EAc ti vi ty. j 国

2、J Mai nTabkat i v i ty. j va genat e-1 Java Film旨十=?. Mdroid 2.3. 1-丄片电M、-dr砂癌肛亡H hm _btn_b. xml+ 2zt dr =&w bl e-hdf i 亡 dr aw able-1 ip i+ D dxwbl inm dpi-B lavotit-Jl (ri n-認mlX maintabi. xml3 b_ slu&EKml其中各个类的作用以及资源文件就不详细解释了，还有资源图片（在该Dem0中借用了其它应用程序的资源图片）也不提供了，大家可以自行更换自己需要的资源图片。直接上各个布局文件或各个类的代码：1

3、 res/layout 目录下的 maintabs.xml源码：htmlvRadioButt onan droid:id=id/radio_buttonO an droid:layout_margi nTop=2.0dip an droid:text=stri ng/main_home an droid:drawableTop=drawable/ic on _1_ n style=style/main_tab_bottom /vRadioButt onan droid:id=id/radio_button1 an droid:layout_margi nTop=2.0dip an droid:

4、text=stri ng/main _n ews an droid:drawableTop=drawable/ic on_2_n style=style/main_tab_bottom /vRadioButt onan droid:id=id/radio_button2 an droid:layout_marg in Top=2.0dipan droid:text=stri ng/main_ma nage_datean droid:drawableTop=drawable/ic on_3_n style=style/main_tab_bottom/vRadioButt onan droid:i

5、d=id/radio_button3 an droid:layout_marg in Top=2.0dipan droid:text=stri ng/ma in_frien dsan droid:drawableTop=drawable/ic on_4_n style=style/main_tab_bottom/vRadioButt onan droid:id=id/radio_button4 an droid:layout_margi nTop=2.0dip an droid:text=stri ng/more an droid:drawableTop=drawable/ic on_5_n

6、style=style/main_tab_bottom /2 res/drawable 下的 home_btn_bg.xml 源码：html vselectorxml ns:a ndroid=/apk/res/a ndroidvitem an droid:state_focused=true an droid:state_e nabled=truean droid:state_pressed=false an droid:drawable=drawable/home_btn_bg_s/vitem an droid:sta

7、te_e nabled=true an droid:state_pressed=truean droid:drawable=drawable/home_btn_bg_s /vitem an droid:state_e nabled=true an droid:state_checked=truean droid:drawable=drawable/home_btn_bg_d /vitem an droid:drawable=drawable/tra nspare nt /v/selector3 res/values下的源码：dimens.xml 源码htmlv?xml version=1.0

8、encoding=utf-8? vresourcesvdime n n ame=bottom_tab_fo nt_size10.0spv/dime nvdime n n ame=bottom_tab_paddi ng_up5.0dipv/dime nvdime n n ame=bottom_tab_paddi ng_drawable2.0dipv/dime n30.0sp100.0dip48.0dip20.0dip19.0dip10.0dip20.0dip10.0dip35.0dip74.0dip70.0dip13.299988dip20.0dipO.Odip20.0sp10.0dip50.0

9、dipdrawables.xml 源码：html#fff4f4f4#fffff4db#ff000000#00000000a ndroid:color/tra nspare nt#99000000#fff4f4f4#ff272727#ff333333ids.xml 源码：htmlfalse falsefalsefalsefalse falsestri ngs.xml源码：htmlHello World, Main TabActivity!TabDemo消息 首页 更多 时间 好友 styles.xml 源码：htmldime n/bottom_tab_fo nt_size#ffffffffmar

10、queece nter_horiz on taldrawable/home_btn_bgdime n/bottom_tab_paddi ng_up2.0dipfill_pare ntwrap_c onten t2.0dip nulltruedime n/bottom_tab_paddi ng_drawable1.04 src/com.andyidea.tabdemo包下面各个UI界面类源码:Mai nTabActivity.java源码：htmlpackage com.a ndyidea.tabdemo;import an droid.app.TabActivity;import an dro

11、id.c onten t.I ntent;import an droid.os.B un dle;import an droid.view.Wi ndow;import an droid.widget.Compo un dButt on;import an droid.widget.RadioButto n;import an droid.widget.Compo un dButt on.On CheckedCha ngeListe ner;import an droid.widget.TabHost;public class Mai nTabActivity exte nds TabActi

12、vity impleme ntsOn CheckedCha ngeListe nerprivate TabHost mTabHost;private Intent mAlntent;private Intent mBI nte nt;private Intent mClntent;private Intent mDI nte nt;private Intent mEI nte nt;/* Called when the activity is first created. */Overridepublic void on Create(B un dle savedI nsta nceState

13、) super.o nCreate(savedl nsta nceState);requestWi ndowFeature(Wi ndow.FEATURE_NO_TITLE);setC onten tView(R .l ayout.ma in tabs);this.mAIntent = new Intent(this,AActivity.class);this.mBIntent = new Intent(this,BActivity.class);this.mCIntent = new Intent(this,CActivity.class);this.mDIntent = new Inten

14、t(this,DActivity.class);this.mEIntent = new Intent(this,EActivity.class);(RadioButt on) fin dViewByld(R.id.radio_butto n0).set On CheckedCha ngeListe ner(this);(RadioButt on) fin dViewByld(R.id.radio_butto n1).set On CheckedCha ngeListe ner(this);(RadioButt on) fin dViewByld(R.id.radio_butto n2).set

15、 On CheckedCha ngeListe ner(this);(RadioButt on) fin dViewByld(R.id.radio_butto n3).set On CheckedCha ngeListe ner(this);(RadioButt on) fin dViewByld(R.id.radio_butto n4).set On CheckedCha ngeListe ner(this);setupl nte nt();Overridepublic void on CheckedCha nged(Compo un dButt on butt onV iew, boole

16、a n isChecked) if(isChecked)switch (butto nView.getld() case R.id.radio_butt onO:this.mTabHost.setCurre ntTabByTag(A_TAB)5break;case R.id.radio_butt on1:this.mTabHost.setCurre ntTabByTag(B_TAB)5break;case R.id.radio_butt on2:this.mTabHost.setCurre ntTabByTag(C_TAB) break;5case R.id.radio_butt on3:th

17、is.mTabHost.setCurre ntTabByTag(D_TAB) break;case R.id.radio_butt on4:this.mTabHost.setCurre ntTabByTag(MORE_TAB);break;private void setup Inten t() this.mTabHost = getTabHost();TabHost localTabHost = this.mTabHost;localTabHost.addTab(buildTabSpec(A_TAB,R.stri ng.main_home,R.drawable.ic on _1_ n, th

18、is.mAI nten t);localTabHost.addTab(buildTabSpec(B_TAB,R.stri ng.ma in_n ews,R.drawable.ic on _2_ n, this.mBI nten t);localTabHost.addTab(buildTabSpec(C_TAB,R.stri ng.main_ma nage_date,R.drawable.ic on_3_n,this.mCI nte nt);localTabHost.addTab(buildTabSpec(D_TAB,R.stri ng.ma in_friends,R.drawable.ic o

19、n_4_n, this.mDI nte nt);localTabHost.addTab(buildTabSpec(MORE_TAB,R.stri ng.more,R.drawable.ic on _5_ n, this.mEI nten t);private TabHost.TabSpec buildTabSpec(String tag, int resLabel, intresIc on,final Intent content) returnthis.mTabHost. newTabSpec(tag).set In dicator(getStri ng(resLabel),getResources().getDrawable(reslc on ).setC onten t(co nte nt);其中 AActivity.java