Android基础之TabHost

最新推荐文章于 2023-06-30 10:15:13 发布

毛豆的毛豆Y

最新推荐文章于 2023-06-30 10:15:13 发布

阅读量983

点赞数

分类专栏： Android基础

本文链接：https://blog.csdn.net/csr_yang/article/details/18840201

版权

Android基础专栏收录该内容

11 篇文章 0 订阅

订阅专栏

TabHost在日常中的使用很常用，很多市面上的app都或多或少的使用到了tabhost 比如新浪微博客户端，比如最新版的微信5.2，很明显的使用了tabhost

TabHost的使用很简单，按照以下几个步骤，就可以很轻松的做出一个页签效果

1.写一个布局文件需要有tabhost节点，tabwidget节点和显示内容的fragment节点，具体布置如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="#33000000" >
            </TabWidget>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" >
            </FrameLayout>
        </LinearLayout>
    </TabHost>

</RelativeLayout>

需要强调的是，TabHost TabWidget Fragment 三个节点的id必须是给定值，不可以随便自定义

2.在java代码中，写一个类继承TabActivity，然后根据xml中的id找到tabhost对象

mTabHost = (TabHost) findViewById(android.R.id.tabhost);

然后根据tabhost对象的几个方法，就可以设置tabhost

public class MainActivity extends TabActivity {

	private TabHost mTabHost;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		initTabHost();
	}

	private void initTabHost() {
		mTabHost = (TabHost) findViewById(android.R.id.tabhost);
		addTabSpec("conversation", "聊天", R.drawable.tab_conversation,
				new Intent(this, ConversationUI.class));
		addTabSpec("fodler", "发现", R.drawable.tab_folder, new Intent(this,
				FolderUI.class));
		addTabSpec("group", "通讯录", R.drawable.tab_group, new Intent(this,
				GroupUI.class));

	}

	private void addTabSpec(String tag, String label, int icon, Intent intent) {
		//创建tabspec
		TabSpec tabSpec = mTabHost.newTabSpec(tag);
		//创建tab标签和图标
		tabSpec.setIndicator(label, getResources().getDrawable(icon));
		//设置tab页签指定的内容
		tabSpec.setContent(intent);
		
		mTabHost.addTab(tabSpec);
	}
}

效果图如下：