新聞中心

EEPW首頁 > 嵌入式系統(tǒng) > 設計應用 > android TabHost的使用介紹

android TabHost的使用介紹

作者: 時間:2016-09-12 來源:網絡 收藏

最近使用tabhost,有一些新的,遂寫在下面:

本文引用地址:http://m.butianyuan.cn/article/201609/305044.htm

tabhost的使用有一些固定的格式,首先要求在布局文件的格式為tabhost標簽里面添加framelayout,在里面添加相應的控件,至少包括一個framelayout和tabwidget,framelayout必須命名為@android:id/tabcontent,tabwidget必須命名為@android:id/tabs,這里,tabcontent里面存放的是加載的多個activity,tabs里面存放的是與各個activity相對應的下面的按鈕,這里需要注意的是,我剛開始的時候布局文件設定完畢,tabs就是顯示不出來,最后發(fā)現需要在tabcontent里面設置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>

之后就只需要在對應的activity里面添加相應的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的唯一標示,setIndicator設置的是tabs上現實的文字,setContent是顯示的activity。

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

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

同時view切換的時候也可以添加適當的動畫效果:

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);

}



關鍵詞:

評論


相關推薦

技術專區(qū)

關閉