，主要是因?yàn)楣俜教峁┑?/font>FragmentTabHost并沒(méi)有進(jìn)行優(yōu)化，每次都會(huì)重新初始化一次Fragment。自定義FragmentTabHost的代碼會(huì)在附件給出。
第一個(gè)FrameLayout是用于裝載Fragment的，第二個(gè)Fragment只是官方文檔要求我們這樣寫(xiě)的而已，官方要求我們將Fragment放在導(dǎo)航欄之下，與我們的需求剛好相反了。
再仔細(xì)看布局文件，主要是通過(guò)LinearLayout的weight屬性來(lái)控制整個(gè)豎直方向的分配，具體不再贅述。
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".ui.activity.MainActivity">
<FrameLayout
android:id="@+id/realtabcontent"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@color/bg_color"/>
<com.nan.cnshop.widget.FragmentTabHost
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white">
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="0"/>
</com.nan.cnshop.widget.FragmentTabHost>
</LinearLayout>
在代碼當(dāng)中，先通過(guò)ID找到FragmentTabHost，然后就可以進(jìn)行配置了，具體看代碼的注釋。
public class MainActivity extendsBaseActivity {
private FragmentTabHost tabHost;
//用于裝載每一個(gè)分頁(yè)的Tab
private List<Tab> tabs = null;
@Override
public void initView() {
setContentView(R.layout.activity_main);
tabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
}
@Override
public void initData() {
initTabs();
}
private void initTabs() {
//調(diào)用setup()方法，設(shè)置FragmentManager，以及指定用于裝載Fragment的布局容器
tabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);
//新建5個(gè)分頁(yè)，并且添加到List當(dāng)中，便于管理，其中的圖標(biāo)我們使用了selector進(jìn)行狀態(tài)選擇，即選中的時(shí)候會(huì)變色。
Tab home = new Tab(HomeFragment.class, R.string.home, R.drawable.selector_icon_home);
Tab hot = new Tab(HotFragment.class, R.string.hot, R.drawable.selector_icon_hot);
Tab cate = new Tab(CategoryFragment.class, R.string.catagory, R.drawable.selector_icon_category);
Tab cart = new Tab(CartFragment.class, R.string.cart, R.drawable.selector_icon_cart);
Tab mine = new Tab(MineFragment.class, R.string.mine, R.drawable.selector_icon_mine);
tabs = new ArrayList<>();
tabs.add(home);
tabs.add(hot);
tabs.add(cate);
tabs.add(cart);
tabs.add(mine);
for (Tab tab : tabs) {
//新建5個(gè)TabSpec，并且設(shè)置好它的Indicator
TabHost.TabSpec tabSpec = tabHost.newTabSpec(getString(tab.getTitle()));
View view = View.inflate(this, R.layout.tab_indicator, null);
TextView tv_tab_txt = (TextView) view.findViewById(R.id.txt_indicator);
ImageView iv_tab_icon = (ImageView) view.findViewById(R.id.icon_tab);
tv_tab_txt.setText(tab.getTitle());
iv_tab_icon.setImageResource(tab.getIcon());
tabSpec.setIndicator(view);
//把每個(gè)TabSpec添加到FragmentTabHost里面
tabHost.addTab(tabSpec, tab.getFragment(), null);
}
//去掉分隔線
tabHost.getTabWidget().setShowDividers(LinearLayout.SHOW_DIVIDER_NONE);
//設(shè)置當(dāng)前默認(rèn)的分頁(yè)為第一頁(yè)
tabHost.setCurrentTab(0);
}
@Override
public void initListener() {
}
@Override
public void processClick(View v) {
}
}
需要注意的是，BaseActivity已經(jīng)繼承了FragmentActivity了。每一個(gè)TabSpec中Indicator的布局文件只有一個(gè)ImageView和一個(gè)TextView，具體布局代碼如下：
<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"
android:orientation="vertical"
android:paddingBottom="3dp"
android:paddingTop="3dp">
<ImageView
android:id="@+id/icon_tab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<TextView
android:id="@+id/txt_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="2dp"
android:textColor="@color/selector_tab_text"/>
</LinearLayout>
最需要注意的是我們的TextView的文字顏色是通過(guò)selector進(jìn)行狀態(tài)選擇的。需要注意的是，這并不是圖片，只是顏色，不能放在drawable目錄下，而應(yīng)該放在color目錄下。
QQ好友和群
QQ空間
騰訊微博
騰訊朋友
收藏
淘帖
頂
踩
