【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】安卓開(kāi)發(fā)底部tab的實(shí)現(xiàn)

1.MainActivity代碼：（也就是TabsFrame）packagecom.example.frametabhost;importcom.example.function.WebGo;importcom.example.licaizhuanjia.MainActivity;importcom.example.licaizhuanjia.R;importandroid.os.Bundle;importandroid.app.Activity;importandroid.content.Intent;importandroid.support.v4.app.FragmentActivity;importandroid.support.v4.app.FragmentTabHost;importandroid.view.KeyEvent;importandroid.view.Menu;importandroid.view.View;importandroid.widget.ImageView;importandroid.widget.TabHost.TabSpec;importandroid.widget.TextView;publicclassTabsFrameextendsFragmentActivity{

privateFragmentTabHostfragmentTabHost;

privateStringtexts[]={"開(kāi)始","好友","群組","更多"};

privateintp_w_picpathButton[]={R.drawable.selector1,

R.drawable.selector2,

R.drawable.selector3,

R.drawable.selector4};

privateClassfragmentArray[]={Page1.class,

Page2.class,

Page3.class,

Page4.class};

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.tabsframe);

//實(shí)例化tabhost

fragmentTabHost=(FragmentTabHost)findViewById(android.R.id.tabhost);

fragmentTabHost.setup(this,getSupportFragmentManager(),R.id.maincontent);

for(inti=0;i<texts.length;i++){

TabSpecspec=fragmentTabHost.newTabSpec(texts[i]).setIndicator(getView(i));

fragmentTabHost.addTab(spec,fragmentArray[i],null);

//設(shè)置背景(必須在addTab之后，由于需要子節(jié)點(diǎn)（底部菜單按鈕）否則會(huì)出現(xiàn)空指針異常)

fragmentTabHost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.bgselector);

//背景替換}

}

privateViewgetView(inti){

//取得布局實(shí)例

Viewview=View.inflate(TabsFrame.this,R.layout.tabcontent,null);

//取得布局對(duì)象

ImageViewp_w_picpathView=(ImageView)view.findViewById(R.id.p_w_picpath);

TextViewtextView=(TextView)view.findViewById(R.id.text);

//設(shè)置圖標(biāo)

p_w_picpathView.setImageResource(p_w_picpathButton[i]);

//設(shè)置標(biāo)題

textView.setText(texts[i]);

returnview;

}

publicbooleanonKeyDown(intKeyCode,KeyEventEvent){

if(KeyCode==KeyEvent.KEYCODE_BACK){

Intentintent=newIntent(TabsFrame.this,MainActivity.class);

startActivity(intent);

finish();

}

returntrue;

}

}2.然后是4個(gè)Page，代碼都一樣publicclassPage1extendsFragment{

@Override

publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState){

returninflater.inflate(R.layout.page1,null);

}}主要代碼就是這些然后是xml布局文件3.在tabsframe里<LinearLayoutxmlns:android="/apk/res/android"

xmlns:tools="/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical">

<!--存放主要頁(yè)面內(nèi)容-->

<FrameLayout

android:id="@+id/maincontent"

android:layout_width="fill_parent"

android:layout_height="0dp"

android:layout_weight="1">

</FrameLayout>

<!--底層菜單-->

<android.support.v4.app.FragmentTabHost

android:id="@android:id/tabhost"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@drawable/tab_bg">

<FrameLayout

android:id="@android:id/tabcontent"

android:layout_width="0dp"

android:layout_height="0dp"

android:layout_weight="0">

</FrameLayout>

</android.support.v4.app.FragmentTabHost>

</LinearLayout>4.tabcontent.xml里是底部標(biāo)簽欄的圖標(biāo)<LinearLayoutxmlns:android="/apk/res/android"

xmlns:tools="/tools"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="center_horizontal"

android:orientation="vertical">

<ImageView

android:id="@+id/p_w_picpath"

android:layout_height="wrap_content"

android:layout_width="wrap_content"

/>

<TextView

android:id="@+id/text"

android:padding="2dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="@android:color/white"

/>

</LinearLayout>5.在selector1，2,3,4里（寫(xiě)在drawable文件夾里）<?xmlversion="1.0"encoding="utf-8"?><selectorxmlns:android="/apk/res/android">

<itemandroid:drawable="@drawable/tab1"android:state_selected="true"></item>

<itemandroid:drawable="@drawable/tab1_hb"></item></selector>6.在bgselector.xml里<?xmlversion="1.0"encoding="utf-8"?><selectorxmlns:android="/apk/res/android">

<itemandroid:drawable="@drawable/tabsbg"android:state_pressed="true"></item>

<itemandroid:drawable="@drawable/tabsbg"android:state_selected="true"></item></selector>7.4個(gè)page的xml（4個(gè)都一樣的代碼）。<RelativeLayoutxmlns:android="/apk/res/android"

xmlns:tools="/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@drawable/tabframe1"

>

<TextView

android:id="@+id/text"

android:layout_width="wrap_content"

android:layout_