1.综述
在Android的开发中,经常需要实现页面Tab的功能,比较简答的一种方式就是使用TabHost实现。顾名思义,TabHost即是包含若干个Tab的一个Tab容器。那么,当我们要使用TabHost实现一个界面功能的时候,我们是如何开始的呢?
2.实现步骤
1)首先写布局文件
布局文件的填写较为简单,如下:使用中,需要注意的点是:<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: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"> </TabWidget> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1"> <LinearLayout android:id="@+id/page1" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:text="tab1"/> </LinearLayout> <LinearLayout android:id="@+id/page2" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:text="tab2"/> </LinearLayout> </FrameLayout> </LinearLayout> </TabHost>
TabHost的id需要设为<span style="white-space:pre"> </span>android:id="@android:id/tabhost"
TabWidget为tab键下方的状态地址栏,其id需设置为<pre name="code" class="html"><span style="white-space:pre"> </span>android:id="@android:id/tabs"
FrameLayout为TabHost的待填充内容,其id需设置为
并且权重需要设置为<pre name="code" class="html" style="font-size: 12px;"><span style="white-space:pre"> </span>android:id="@android:id/tabcontent"
如此,一个简单的TabHost就设置完成了。<pre name="code" class="html" style="font-size: 13.3333339691162px;"><span style="white-space:pre"> </span>android:layout_weight="1"
2)Java源码
源码如下:在源码中,getTabHost()获取TabHost对象,setIndicator()设置对应tab的提示,addTab()则是将该TabSpec添加到TabHost中。package com.gtja.com.tabfragment; import android.app.TabActivity; import android.os.Bundle; import android.widget.TabHost; public class MainActivity extends TabActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); TabHost tabHost = getTabHost(); TabHost.TabSpec page1 = tabHost.newTabSpec("tab1") .setIndicator("tab1") .setContent(R.id.page1); tabHost.addTab(page1); TabHost.TabSpec page2 = tabHost.newTabSpec("tab2") .setIndicator("tab2") .setContent(R.id.page2); tabHost.addTab(page2); } }
3)实现效果
实现效果如下:![]()
至此,一个基本的TabHost的页面跳转实现了。