android TabHost的使用介紹

 最近使用tabhost，有一些新的，遂寫在下面：

tabhost的使用有一些固定的格式，首先要求在布局文件的格式為tabhost標(biāo)簽里面添加framelayout，在里面添加相應(yīng)的控件，至少包括一個(gè)framelayout和tabwidget，framelayout必須命名為@android:id/tabcontent，tabwidget必須命名為@android:id/tabs，這里，tabcontent里面存放的是加載的多個(gè)activity，tabs里面存放的是與各個(gè)activity相對應(yīng)的下面的按鈕，這里需要注意的是，我剛開始的時(shí)候布局文件設(shè)定完畢，tabs就是顯示不出來，最后發(fā)現(xiàn)需要在tabcontent里面設(shè)置android:layout_weight="1"之后就可以了，不知道是什么原因，有大神知道請告知小弟。

android:layout_width="match_parent"

android:layout_height="match_parent"

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

android:layout_width="fill_parent"

android:layout_height="fill_parent">

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

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

android:background="#fff00000"

android:layout_weight="1">

android:id="@+id/tvTabShpw"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="textviewshow"

android:layout_gravity="bottom"

android:gravity="center"/>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@android:id/tabs"

android:visibility="gone">

之后就只需要在對應(yīng)的activity里面添加相應(yīng)的activity就行了

tabhost = this.getTabHost();

tabhost.addTab(tabhost.newTabSpec(INDEX_HOME)

.setIndicator(INDEX_HOME)

.setContent(new Intent(this, NewHomeActivity.class)));

tabhost.addTab(tabhost.newTabSpec(INDEX_MESSAGE)

.setIndicator(INDEX_MESSAGE).setContent(new Intent(this,MessageActivityNew.class)));

tabhost.addTab(tabhost.newTabSpec(INDEX_PROFILE).setIndicator(INDEX_PROFILE)

.setContent(new Intent(this, SelfProfileActivity.class)));

tabhost.addTab(tabhost.newTabSpec(INDEX_SQUARE).setIndicator(INDEX_SQUARE)

.setContent(new Intent(this, SquareActivityNew.class)));

其中INDEX_SQUARE為activity的唯一標(biāo)示，setIndicator設(shè)置的是tabs上現(xiàn)實(shí)的文字，setContent是顯示的activity。

然后通過點(diǎn)擊下面的tabs或者通過tabhost.setCurrentTab(0);來切換view。

同時(shí)setIndicator里面除了添加字符串，也可以添加view，美化一下。但是一般這樣還是不夠美觀，所以我就自定義了一個(gè)view蓋住tabs，通過點(diǎn)擊里面的事件出發(fā)tabhost.setCurrentTab(0);來切換view。

同時(shí)view切換的時(shí)候也可以添加適當(dāng)?shù)膭?dòng)畫效果：

Animation inAnim = null, outAnim = null;

if (tabhost.getCurrentTab() < itemPos) {

outAnim = AnimationUtils

.loadAnimation(MainActivity.this,

R.anim.push_left_out);

inAnim = AnimationUtils.loadAnimation(

MainActivity.this, R.anim.push_left_in);

tabhost.getCurrentView().startAnimation(

outAnim);

tabhost.setCurrentTab(itemPos);

tabhost.getCurrentView()

.startAnimation(inAnim);

} else if (tabhost.getCurrentTab() > itemPos) {

outAnim = AnimationUtils.loadAnimation(

MainActivity.this,

R.anim.push_right_out);

inAnim = AnimationUtils

.loadAnimation(MainActivity.this,

R.anim.push_right_in);

tabhost.getCurrentView().startAnimation(

outAnim);

tabhost.setCurrentTab(itemPos);

tabhost.getCurrentView()

.startAnimation(inAnim);

} else {

tabhost.setCurrentTab(itemPos);

}