Android FragmentTabhost实现选项卡

在Android3.0之后，google创造了Fragment，因此原来的Tabhost已经不推荐使用了，现在一般推荐使用FragmentTabhost。

google考虑到了兼容问题，因此FragmentTabhost并未加在官方的SDK中，而是把它放在了android-support-v4.jar中

下面我带大家来实现一下这个功能。

1、MyFragmentTabhostActivity.java

  

   

    

     

    
    

     

      public class MyFragmentTabhostActivity extends FragmentActivity {
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
	private Context context;
     
    
   

    

     

    
    

     
	private FragmentTabHost fragmentTabHost = null;
     
    
   

    

     

    
    

     
	private Class[] fragmentArray = { MyFragment.class, MyFragment.class, MyFragment.class, MyFragment.class };
     
    
   

    

     

    
    

     
	private int[] tabImageArray = { R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher };
     
    
   

    

     

    
    

     
	private String[] tabTextArray = { "广场", "排名", "商城", "我" };
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
	@Override
     
    
   

    

     

    
    

     
	protected void onCreate(Bundle savedInstanceState) {
     
    
   

    

     

    
    

     
		super.onCreate(savedInstanceState);
     
    
   

    

     

    
    

     

      		setContentView(R.layout.activity_fragmenttabhost);
     
    
   

    

     

    
    

     

      		context = this;
     
    
   

    

     

    
    

     

      		initView();
     
    
   

    

     

    
    

     

      	}
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
	private void initView() {
     
    
   

    

     

    
    

     
		LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
     
    
   

    

     

    
    

     

      		fragmentTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
     
    
   

    

     

    
    

     

      		fragmentTabHost.setup(context, getSupportFragmentManager(), R.id.real_tabcontent);
     
    
   

    

     

    
    

     
		for (int i = 0; i < fragmentArray.length; i++) {
     
    
   

    

     

    
    

     
			// 给每个Tab按钮设置图标、文字和内容
     
    
   

    

     

    
    

     
			TabSpec tabSpec = fragmentTabHost.newTabSpec(tabTextArray[i]).setIndicator(getTabItemView(inflater, i));
     
    
   

    

     

    
    

     

      			fragmentTabHost.addTab(tabSpec, fragmentArray[i], null);
     
    
   

    

     

    
    

     
			// 设置Tab按钮的背景
     
    
   

    

     

    
    

     

      			fragmentTabHost.getTabWidget().getChildAt(i).setBackgroundColor(Color.rgb((int)(Math.random()*255), (int)(Math.random()*255), (int)(Math.random()*255)));
     
    
   

    

     

    
    

     

      		}
     
    
   

    

     

    
    

     

      	}
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
	public View getTabItemView(LayoutInflater inflater, int index) {
     
    
   

    

     

    
    

     
		View view = inflater.inflate(R.layout.item_tab, null);
     
    
   

    

     

    
    

     
		ImageView imageView = (ImageView) view.findViewById(R.id.imageview);
     
    
   

    

     

    
    

     
		TextView textView = (TextView) view.findViewById(R.id.textview);
     
    
   

    

     

    
    

     

      		imageView.setImageResource(tabImageArray[index]);
     
    
   

    

     

    
    

     

      		textView.setText(tabTextArray[index]);
     
    
   

    

     

    
    

     
		return view;
     
    
   

    

     

    
    

     

      	}
     
    
   

    

     

    
    

     

      }
     
    
  
 

2、Fragment.java

  

   

    

     

    
    

     

      public class MyFragment extends Fragment {
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
	@Override
     
    
   

    

     

    
    

     
	public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
     
    
   

    

     

    
    

     
		View view = inflater.inflate(R.layout.layout_fragment, null);
     
    
   

    

     

    
    

     

      		view.setBackgroundColor(Color.rgb((int)(Math.random()*255), (int)(Math.random()*255), (int)(Math.random()*255)));
     
    
   

    

     

    
    

     
		return view;
     
    
   

    

     

    
    

     

      	}
     
    
   

    

     

    
    

     

      }
     
    
  
 

3、activity_fragment.xml

  

   

    

     

    
    

     

      <?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/real_tabcontent"
     
    
   

    

     

    
    

     
        android:layout_width="match_parent"
     
    
   

    

     

    
    

     
        android:layout_height="0dp"
     
    
   

    

     

    
    

     
        android:layout_weight="1" />
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    <android.support.v4.app.FragmentTabHost
     
    
   

    

     

    
    

     
        android:id="@android:id/tabhost"
     
    
   

    

     

    
    

     
        android:layout_width="match_parent"
     
    
   

    

     

    
    

     
        android:layout_height="wrap_content"
     
    
   

    

     

    
    

     
        android:layout_weight="0" >
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        <FrameLayout
     
    
   

    

     

    
    

     
            android:id="@android:id/tabcontent"
     
    
   

    

     

    
    

     
            android:layout_width="0dp"
     
    
   

    

     

    
    

     
            android:layout_height="0dp"/>
     
    
   

    

     

    
    

     
    </android.support.v4.app.FragmentTabHost>
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      </LinearLayout>
     
    
  
 

4、item_tab.xml

  

   

    

     

    
    

     

      <?xml version="1.0" encoding="utf-8"?>
     
    
   

    

     

    
    

     

      <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     
    
   

    

     

    
    

     
    android:layout_width="match_parent"
     
    
   

    

     

    
    

     
    android:layout_height="match_parent"
     
    
   

    

     

    
    

     
    android:orientation="vertical" >
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    <LinearLayout
     
    
   

    

     

    
    

     
        android:layout_width="wrap_content"
     
    
   

    

     

    
    

     
        android:layout_height="wrap_content"
     
    
   

    

     

    
    

     
        android:layout_centerInParent="true"
     
    
   

    

     

    
    

     
        android:gravity="center_horizontal"
     
    
   

    

     

    
    

     
        android:orientation="vertical" >
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        <ImageView
     
    
   

    

     

    
    

     
            android:id="@+id/imageview"
     
    
   

    

     

    
    

     
            android:layout_width="wrap_content"
     
    
   

    

     

    
    

     
            android:layout_height="wrap_content"
     
    
   

    

     

    
    

     
            android:src="@drawable/ic_launcher" />
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        <TextView
     
    
   

    

     

    
    

     
            android:id="@+id/textview"
     
    
   

    

     

    
    

     
            android:layout_width="wrap_content"
     
    
   

    

     

    
    

     
            android:layout_height="wrap_content"
     
    
   

    

     

    
    

     
            android:text="" />
     
    
   

    

     

    
    

     
    </LinearLayout>
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      </RelativeLayout>
     
    
  
 

5、layout_fragment.xml

  

   

    

     

    
    

     

      <?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" >
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      </LinearLayout>
     
    
  
 

6、运行截图

文章来源: blog.csdn.net，作者：福州-司马懿，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/chy555chy/article/details/51451568