Android学习笔记之TabHost

TabHost是整个Tab的容器，包括两部分，TabWidget和FrameLayout。TabWidget就是每个tab的标签，FrameLayout则是tab内容。

如果我们使用extends TabAcitivty，如同ListActivity，TabHost必须设置为@android:id/tabhost
TabWidget必须设置android:id为@android:id/tabs
FrameLayout需要设置android:id为@android:id/tabcontent

但是，实践告诉我们，建立这个布局文件不一定要同时存在，在android的说明demo中，是使用的。布局如下：

<?xml version="1.0" encoding="utf-8"?><TabHost xmlns:android="http://schemas.android.com/apk/res/android"  android:id="@android:id/tabhost"  android:layout_width="fill_parent"  android:layout_height="fill_parent">  <LinearLayout    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:padding="5dp">    <TabWidget      android:id="@android:id/tabs"      android:layout_width="fill_parent"      android:layout_height="wrap_content" />    <FrameLayout      android:id="@android:id/tabcontent"      android:layout_width="fill_parent"      android:layout_height="fill_parent"      android:padding="5dp" />  </LinearLayout></TabHost>

这样也是可以的。但是还可以这样动态做。（没有TabWidget和FrameLayout）

布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout android:orientation="vertical"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:padding="5dp"
android:id="@+id/tab1"
>
<!--

-->

</TabHost>

那么和demo中不同之后，我们Activity中应该这样。

不用：// setContentView(R.layout.main);

而是这样装载：

//装载main.xml布局文件
LayoutInflater.from(this).inflate(R.layout.main, tabHost.getTabContentView(), true);
// intent=new Intent();
//intent.setClass(this,ArtistsActivity.class);
//为第一个tab初始化TabSpec并加入TabHost
spec=tabHost.newTabSpec("tab1");
spec.setIndicator("第一个标签", res.getDrawable(R.drawable.ic_tab_artists_grey));
spec.setContent(R.id.tab1);
tabHost.addTab(spec);

这样之后，第一个标签显示的就是我们的main.xml布局。main.xml布局上面有给出。明明没有TabWidget和FrameLayout这两个。为什么还可以运行TabHost呢。

原因就是我们动态装载了。而这种方法往往比较实用。

LayoutInflater.from(this).inflate(R.layout.main, tabHost.getTabContentView(), true);

比如说：如果在第一个Tab里面有一个按钮，点击之后跳到第二个或者第三个tab。这样的话，只能使用

getTabHost().setCurrentTabByTag("课程列表");

Activity中的代码（必须继承TabActivity）

package com.xiehande.tabwidget.activity;

import org.apache.http.impl.client.TunnelRefusedException;

import android.app.Activity;
import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

public class MainActivity extends TabActivity {
Button redirect;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// setContentView(R.layout.main);

//获取Resources
Resources res=getResources();
//获取TabHost
TabHost tabHost=getTabHost();
//获取TabHost.TabSpec
TabHost.TabSpec spec;
//获取Intent
Intent intent ;
//装载main.xml布局文件
LayoutInflater.from(this).inflate(R.layout.main, tabHost.getTabContentView(), true);
// intent=new Intent();
//intent.setClass(this,ArtistsActivity.class);
//为第一个tab初始化TabSpec并加入TabHost
spec=tabHost.newTabSpec("tab1");
spec.setIndicator("第一个标签", res.getDrawable(R.drawable.ic_tab_artists_grey));
spec.setContent(R.id.tab1);
tabHost.addTab(spec);

intent=new Intent().setClass(this, AlbumsActivity.class);
//为第二个tab初始化TabSpec并加入TabHost
spec=tabHost.newTabSpec("albums");
spec.setIndicator("相册", res.getDrawable(R.drawable.ic_tab_artists_grey));
spec.setContent(intent);
tabHost.addTab(spec);

//为第三个tab初始化TabSpec并加入TabHost
intent=new Intent().setClass(this, SongsActivity.class);
spec=tabHost.newTabSpec("课程列表").setIndicator("课程列表", res.getDrawable(R.drawable.ic_tab_artists_grey)).setContent(intent);
tabHost.addTab(spec);
tabHost.setCurrentTab(0);

redirect=(Button) findViewById(R.id.redirect);
redirect.setOnClickListener(listenter);

}
private OnClickListener listenter=new OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
getTabHost().setCurrentTabByTag("课程列表");
}
};

}

更多相关文章

随机推荐