新聞中心
FragmentTabHost是support-v包下提供的用于集成和管理Fragment頁(yè)面的組件.
為山東等地區(qū)用戶(hù)提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及山東網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為做網(wǎng)站、成都做網(wǎng)站、山東網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專(zhuān)業(yè)、用心的態(tài)度為用戶(hù)提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶(hù)的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
今天要實(shí)現(xiàn)的效果圖如下:
整體結(jié)構(gòu)是MainActivity+5個(gè)模塊的Fragment.
MainActivity的布局如下:
<?xml version="1.0" encoding="utf-8"?>
每個(gè)tab的布局如下:
<?xml version="1.0" encoding="utf-8"?>
MainActivity代碼如下:
package blog.csdn.net.mchenys.bsbdj.modul.main; import android.content.res.ColorStateList; import android.os.Bundle; import android.support.v4.app.FragmentTabHost; import android.text.TextUtils; import android.view.View; import android.widget.ImageView; import android.widget.TabHost; import android.widget.TextView; import blog.csdn.net.mchenys.bsbdj.R; import blog.csdn.net.mchenys.bsbdj.common.base.BaseActivity; import blog.csdn.net.mchenys.bsbdj.modul.attention.view.AttentionFragment; import blog.csdn.net.mchenys.bsbdj.modul.essence.view.EssenceFragment; import blog.csdn.net.mchenys.bsbdj.modul.mine.view.MineFragment; import blog.csdn.net.mchenys.bsbdj.modul.newpost.view.NewpostFragment; import blog.csdn.net.mchenys.bsbdj.modul.publish.view.PublishFragment; import blog.csdn.net.mchenys.bsbdj.mvp.presenter.impl.MvpBasePresenter; /** * Created by mChenys on 2016/5/27. */ public class MainActivity extends BaseActivity { //定義數(shù)組來(lái)存放tab的圖片選擇器 private int[] mTabImage = {R.drawable.main_bottom_essence_selector, R.drawable.main_bottom_latest_selector, R.drawable.main_bottom_writeposts_selector, R.drawable.main_bottom_news_selector, R.drawable.main_bottom_my_selector}; //tab選項(xiàng)卡的文字 private String[] mTabTitle = {"精華", "新帖", "", "關(guān)注", "我的"}; //每個(gè)tab對(duì)應(yīng)的Fragment的字節(jié)碼對(duì)象 private Class[] fragmentArray = {EssenceFragment.class, NewpostFragment.class, PublishFragment.class, AttentionFragment.class, MineFragment.class}; @Override protected boolean isHomePage() { return true; } @Override public Integer getLayoutResId() { return R.layout.activity_main; } @Override public void initView() { //獲取tabhost FragmentTabHost tabHost = (FragmentTabHost) findViewById(android.R.id.tabhost); //綁定tabContent tabHost.setup(this, getSupportFragmentManager(), R.id.real_tabcontent); //去掉分割線(xiàn) tabHost.getTabWidget().setDividerDrawable(null); for (int i = 0; i < fragmentArray.length; i++) { //綁定Fragment,添加到的FragmentTabHost //設(shè)置tab的名稱(chēng)和view TabHost.TabSpec tabSpec = tabHost. newTabSpec(mTabTitle[i]). setIndicator(getTabItemView(i)); Bundle bundle = new Bundle(); bundle.putString("title", mTabTitle[i]); //添加tab和關(guān)聯(lián)對(duì)應(yīng)的fragment tabHost.addTab(tabSpec, fragmentArray[i], bundle); //設(shè)置tab的背景色 tabHost.getTabWidget(). getChildAt(i). setBackgroundColor(getResources().getColor(R.color.bgColor)); } //默認(rèn)選中第一個(gè)tab tabHost.setCurrentTab(0); //設(shè)置tab的切換監(jiān)聽(tīng) tabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() { @Override public void onTabChanged(String tabId) { //可以在這里監(jiān)聽(tīng)tab的切換 } }); } //tab的字體選擇器 ColorStateList mColorStateList; /** * 給Tab按鈕設(shè)置圖標(biāo)和文字 */ private View getTabItemView(int index) { View view = getLayoutInflater().inflate(R.layout.view_tab_indicator, null); ImageView imageView = (ImageView) view.findViewById(R.id.iv_tab); TextView textView = (TextView) view.findViewById(R.id.tv_tab); //設(shè)置圖片選擇器 imageView.setImageResource(mTabImage[index]); //設(shè)置字體選擇器 if (mColorStateList == null) { mColorStateList = getResources(). getColorStateList(R.color.main_bottom_text_selector); textView.setTextColor(mColorStateList); } //設(shè)置tab的文字 if (TextUtils.isEmpty(mTabTitle[index])) { //如果沒(méi)有名稱(chēng),則隱藏tab下的textView textView.setVisibility(View.GONE); } else { textView.setVisibility(View.VISIBLE); textView.setText(mTabTitle[index]); } return view; } @Override public void initListener() { } @Override public void initData() { } @Override public void reLoadData() { } @Override public void onClick(View v) { } @Override public MvpBasePresenter bindPresenter() { return null; } }
最后附上字體選擇器
<?xml version="1.0" encoding="utf-8"?>
圖片選擇器有5個(gè),這里附上一個(gè),其他類(lèi)似:
<?xml version="1.0" encoding="utf-8"?>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
網(wǎng)頁(yè)標(biāo)題:FragmentTabHost使用方法詳解
文章地址:http://fisionsoft.com.cn/article/pdiiig.html