activity 布局
<?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/contentPanel"
android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_weight="1" />
<View android:layout_width="match_parent"
android:layout_height="1px"
android:background="#1A000000" />
<android.support.v4.app.FragmentTabHost
android:id="@android:id/tabhost"
android:background="@color/background"
android:layout_width="fill_parent"
android:layout_height="50dp">
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="0" />
</android.support.v4.app.FragmentTabHost>
</LinearLayout>
initview
private void initView() {
layoutInflater = LayoutInflater.from(this);
mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
mTabHost.setup(this, getSupportFragmentManager(), R.id.contentPanel);
int fragmentCount = fragmentArray.length;
for (int i = 0; i < fragmentCount; ++i) {
//为每一个Tab按钮设置图标、文字和内容
TabHost.TabSpec tabSpec = mTabHost.newTabSpec(mTextviewArray[i]).setIndicator(getTabItemView(i));
//将Tab按钮添加进Tab选项卡中
mTabHost.addTab(tabSpec, fragmentArray[i], null);
mTabHost.getTabWidget().setDividerDrawable(null);
}
}
private View getTabItemView(int index) {
View view = layoutInflater.inflate(R.layout.home_tab, null);
ImageView icon = (ImageView) view.findViewById(R.id.icon);
icon.setImageResource(mImageViewArray[index]);
TextView title = (TextView) view.findViewById(R.id.title);
title.setText(mTitleArray[index]);
if (index == 0){
msgUnread = (ImageView) view.findViewById(R.id.tabUnread);
}
return view;
}
home_tab.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingTop="6dp"
android:paddingBottom="6dp">
<LinearLayout
android:id="@+id/tabIndicator"
android:layout_centerInParent="true"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@id/icon"
android:layout_width="23dp"
android:layout_height="23dp"
android:layout_gravity="center"
android:focusable="false" />
<TextView
android:id="@id/title"
android:focusable="false"
android:layout_gravity="center"
android:textSize="12sp"
android:textColor="@drawable/bg_tab_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
<ImageView
android:id="@+id/tabUnread"
android:layout_width="6dp"
android:layout_height="6dp"
android:src="@drawable/point1"
android:visibility="gone"
android:layout_toRightOf="@id/tabIndicator"/>
</RelativeLayout>
相关成员变量
private FragmentTabHost mTabHost;
private final Class fragmentArray[] = {ConversationFragment.class, ContactFragment.class, SettingFragment.class};
private int mTitleArray[] = {R.string.home_conversation_tab, R.string.home_contact_tab, R.string.home_setting_tab};
private int mImageViewArray[] = {R.drawable.tab_conversation, R.drawable.tab_contact, R.drawable.tab_setting};
private String mTextviewArray[] = {"contact", "conversation", "setting"};
private ImageView msgUnread;