Android之TabHost

TabHost用与实现一个多标签(选项卡)的用户界面.TabHost容器包括两部分: TabWiget和FramLayout. TabWidget指tab的标签部分, FrameLayout指tab的内容.

实现:

1. 布局文件

   <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/activity_main"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical" >
       <TabHost
           android:id="@+id/tabHost"
           android:layout_height="fill_parent"
           android:layout_width="fill_parent">
           <RelativeLayout
               android:orientation="vertical"
               android:layout_width="fill_parent"
               android:layout_height="fill_parent">
               <TabWidget
                   android:id="@android:id/tabs"
                   android:layout_width="fill_parent"
                   android:layout_height="wrap_content"
                   android:layout_alignParentBottom="true">
               </TabWidget>
   
               <!--tab 内容布局-->
               <FrameLayout
                   android:id="@android:id/tabcontent"
                   android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:layout_above="@android:id/tabs">
                   <!-- 第一个tab -->
                   <LinearLayout
                       android:id="@+id/tab1"
                       android:layout_width="match_parent"
                       android:layout_height="match_parent" >
                       <TextView
                           android:layout_width="match_parent"
                           android:layout_height="match_parent"
                           android:background="#C0C080"
                           android:gravity="center"
                           android:text="第一个 tab 的布局"
                           android:textSize="27sp" />
                   </LinearLayout>
                   <!-- 第二个tab -->
                   <LinearLayout
                       android:id="@+id/tab2"
                       android:layout_width="match_parent"
                       android:layout_height="match_parent" >
                       <TextView
                           android:layout_width="match_parent"
                           android:layout_height="match_parent"
                           android:background="#CCFF99"
                           android:gravity="center"
                           android:text="第二个 tab 的布局"
                           android:textSize="27sp"/>
                   </LinearLayout>
                   <!-- 第三个tab-->
                   <LinearLayout
                       android:id="@+id/tab3"
                       android:layout_width="match_parent"
                       android:layout_height="match_parent" >
                       <TextView
                           android:layout_width="match_parent"
                           android:layout_height="match_parent"
                           android:gravity="center"
                           android:background="#FFBA55"
                           android:text="第三个 tab 的布局"
                           android:textSize="27sp"/>
                   </LinearLayout>
               </FrameLayout>
           </RelativeLayout>
       </TabHost>
   </LinearLayout>

    

2. java代码

   package com.example.xiaojunlei.myapplication;
   import android.support.v7.app.AppCompatActivity;
   import android.os.Bundle;
   import android.widget.TabHost;
   public class MainActivity extends AppCompatActivity {
       @Override
       protected void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           setContentView(R.layout.activity_main);
           TabHost tabHost = (TabHost) findViewById(R.id.tabHost);
           //初始化TabHost容器
           tabHost.setup();
           //在TabHost创建标签，然后设置：标题／图标／标签页布局
           tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("标签1" , null).setContent(R.id.tab1));
           tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("标签2" , null).setContent(R.id.tab2));
           tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("标签3" , null).setContent(R.id.tab3));
   
           //修改tab标题样式
           TabWidget tabWidget = tabHost.getTabWidget();
           for (int i =0; i < tabWidget.getChildCount(); i++) {
           // 修改abHost字体的相关方法
           TextView tv=  (TextView)tabWidget.getChildAt(i).findViewById(android.R.id.title);
           tv.setTextSize(20);
           }
       }
   }