FragmentTabHost simple use

最新推荐文章于 2019-02-20 16:53:41 发布

原创最新推荐文章于 2019-02-20 16:53:41 发布 · 277 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #fragmenttabhost #indicator

Android 专栏收录该内容

56 篇文章

订阅专栏

本文介绍如何在Android应用中使用FragmentTabHost替代TabActivity来创建带标签的界面。通过继承FragmentActivity并利用FragmentTabHost组件，可以在应用中实现灵活且可定制的标签式导航效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在学TabHost时发现TabActivity在API level 13以后不用了，所以就去寻找它的替换类，找到FragmentActivity，可以把每个Fragment作为子tab添加到FragmentActivity上。tab可以放在最上面也可以放在最下面由-----

以下布局文件main.xml<FrameLayout>的位置决定

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<FrameLayout
android:id="@+id/realtabcontent"
android:layout_width="match_parent"
android:layout_height="0dip"
android:layout_weight="1" />
<android.support.v4.app.FragmentTabHost
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TabWidget
android:id="@android:id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"/>
</android.support.v4.app.FragmentTabHost>
</LinearLayout>

创建一个类继承FragmentActivity

[java]view plaincopy 
   
 package com.example.tabhostdemo;  
   
 import android.os.Bundle;  
 import android.support.v4.app.FragmentActivity;  
 import android.support.v4.app.FragmentTabHost;  
 import android.view.View;  
 import android.widget.TextView;  
   
 import com.example.tabhost.FirstFragment;  
 import com.example.tabhost.ThirdFragment;  
 import com.example.tabhost.secondFragment;  
   
 public class MainActivity extends FragmentActivity {  
   
     private FragmentTabHost mTabHost = null;;  
     private View indicator = null;  
   
     @Override  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
   
         setContentView(R.layout.main);  
   
         mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);  
         mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);  
   
         // 添加tab名称和图标  
         indicator = getIndicatorView("我的联系人", R.layout.mycontact_indicator);  
         mTabHost.addTab(mTabHost.newTabSpec("myContact")  
                 .setIndicator(indicator), FirstFragment.class, null);  
   
         indicator = getIndicatorView("陌生人", R.layout.strangercontact_indicator);  
         mTabHost.addTab(  
                 mTabHost.newTabSpec("stranger").setIndicator(indicator),  
                 secondFragment.class, null);  
   
         indicator = getIndicatorView("常联系人", R.layout.alwayscontact_indicator);  
         mTabHost.addTab(  
                 mTabHost.newTabSpec("alwaysContact").setIndicator(indicator),  
                 ThirdFragment.class, null);  
     }  
   
     private View getIndicatorView(String name, int layoutId) {  
         View v = getLayoutInflater().inflate(layoutId, null);  
         TextView tv = (TextView) v.findViewById(R.id.tabText);  
         tv.setText(name);  
         return v;  
     }  
   
     @Override  
     protected void onDestroy() {  
         // TODO Auto-generated method stub  
         super.onDestroy();  
         mTabHost = null;  
     }  
 }  

第一个Tab的布局文件存放两张图片，字体颜色

alwayscontact_indicator.xml文件

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
     android:layout_width="match_parent"  
     android:layout_height="match_parent"  
     android:layout_gravity="center"   
     android:gravity="center">  
   
     <TextView   
         android:id="@+id/tabText"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:focusable="true"  
         android:drawableTop="@drawable/mycontact_selector"  
         android:textColor="@drawable/tabitem_txt_sel"/>  
 </LinearLayout>  

mycontact_selector.xml文件

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <selector xmlns:android="http://schemas.android.com/apk/res/android" >      
     <!-- Non focused states -->  
     <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/mycontact" />  
     <item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/mycontact_sel" />  
     <!-- Focused states -->  
     <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/mycontact_sel" />  
     <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/mycontact_sel" />  
     <!-- Pressed -->  
     <item android:state_selected="true" android:state_pressed="true" android:drawable="@drawable/mycontact_sel" />  
     <item android:state_pressed="true" android:drawable="@drawable/mycontact_sel" />    
 </selector>  

tabitem_txt_sel.xml文件

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <selector xmlns:android="http://schemas.android.com/apk/res/android" >      
     <!-- Non focused states -->  
     <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:color="#A4A4A4" />  
     <item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:color="#00A3F5" />  
     <!-- Focused states -->  
     <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:color="#00A3F5" />  
     <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:color="#00A3F5" />  
     <!-- Pressed -->  
     <item android:state_selected="true" android:state_pressed="true" android:color="#00A3F5" />  
     <item android:state_pressed="true" android:color="#00A3F5" />   
 </selector>  