Android笔记之FragmentTabHost实现选项卡

FragmentTabHost

API：http://developer.android.com/reference/android/support/v4/app/FragmentTabHost.html

1、main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<FrameLayout
android:id="@+id/realtabcontent"
android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_weight="1" />

<!-- tabhost装载5个tab的容器 -->
<android.support.v4.app.FragmentTabHost
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >

<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="0" />
</android.support.v4.app.FragmentTabHost>

</LinearLayout>

2、FragmentActivity中使用fragmenttabhost

(1)TabSpec的实例化：TabSpec tabSpec = mTabHost.newTabSpec(String tag).setIndicator(.....);

setIndicator(View view); //Specify a view as the tab indicator.

setIndicator(getTabItemView())
private View getTabItemView(int index){
View view = layoutInflater.inflate(R.layout.tab_item_view, null);

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

TextView textView = (TextView) view.findViewById(R.id.textview);
textView.setText("首页");

return view;
}

setIndicator(CharSequence label, Drawable icon) //Specify a label and icon as the tab indicator. label即为选项卡的显示的文本

setIndicator("Android",getResources().getDrawable(R.drawable.icon_home_nor));

setIndicator( CharSequence label) //Specify a label as the tab indicator.

setIndicator("设置")

主要代码：

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTabHost;

/**
* This demonstrates how you can implement switching between the tabs of a
* TabHost through fragments, using FragmentTabHost.
*/
public class MainActivity extends FragmentActivity {
private FragmentTabHost mTabHost;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);
mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);

mTabHost.addTab(mTabHost.newTabSpec("首页").setIndicator("Simple"),
fragment_1.class, null);
mTabHost.addTab(mTabHost.newTabSpec("分类")
.setIndicator("Contacts"),
fragment_1.class, null);
mTabHost.addTab(mTabHost.newTabSpec("排行").setIndicator("Custom"),
fragment_1.class, null);
mTabHost.addTab(mTabHost.newTabSpec("热门")
.setIndicator("Throttle"),
fragment_1.class, null);
mTabHost.addTab(mTabHost.newTabSpec("设置")
.setIndicator("Throttle"),
fragment_1.class, null);
}
}

fragment_X.class的代码

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class fragment_1 extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

View v = inflater.inflate(R.layout.fragment_1, container, false);
return v;
}
}

3、fragment下使用fragmentabhost

(1)fragment_1本身不需要布局文件

(2)选项卡默认在顶部

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTabHost;public class fragment_1 extends Fragment {
private FragmentTabHost mTabHost;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
mTabHost = new FragmentTabHost(getActivity());
mTabHost.setup(getActivity(), getChildFragmentManager(), R.layout.fragment1/59);

mTabHost.addTab(mTabHost.newTabSpec("simple").setIndicator("Simple"),
subfragment_1.class, null);
mTabHost.addTab(mTabHost.newTabSpec("contacts").setIndicator("Contacts"),
subfragment_1.class, null);
mTabHost.addTab(mTabHost.newTabSpec("custom").setIndicator("Custom"),
subfragment_1.class, null);
return mTabHost;
}

@Override
public void onDestroyView() {
super.onDestroyView();
mTabHost = null;
}
}

4、其他函数

mTabHost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.selector_tab_background);

Done!