<RelativeLayout 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"  tools:context="${relativePackage}.${activityClass}" >   <FrameLayout   android:id="@+id/main_view"   android:layout_width="match_parent"   android:layout_height="match_parent"   android:layout_above="@+id/main_tab"   android:layout_alignParentLeft="true"   android:layout_alignParentTop="true" >  </FrameLayout>   <view   android:id="@+id/main_tab"   android:layout_width="match_parent"   android:layout_height="50dp"   android:layout_alignParentBottom="true"   android:layout_alignParentLeft="true"   class="android.support.v4.app.FragmentTabHost" />  </RelativeLayout> 

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

<?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:background="#F6F6F6"  android:gravity="center"  android:orientation="vertical" >   <ImageView   android:id="@+id/foot_iv"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:src="@drawable/home1" />   <TextView   android:id="@+id/foot_tv"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_marginTop="3dp"   android:text="首頁(yè)"   android:textColor="@color/tab_color" />  </LinearLayout> 

package com.gjn.mynavigation;  import android.os.Bundle; import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentTabHost; import android.view.LayoutInflater; import android.view.View; import android.view.Window; import android.widget.ImageView; import android.widget.TabWidget; import android.widget.TextView; import android.widget.TabHost.OnTabChangeListener; import android.widget.TabHost.TabSpec;  public class MainActivity extends FragmentActivity implements OnTabChangeListener {   private FragmentTabHost mTabHost;  @Override  protected void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   requestWindowFeature(Window.FEATURE_NO_TITLE);   setContentView(R.layout.activity_main);    //初始化FragmentTabHost   initHost();   //初始化底部導(dǎo)航欄   initTab();   //默認(rèn)選中   mTabHost.onTabChanged(TabDb.getTabsTxt()[0]);  }   private void initTab() {   String[] tabs = TabDb.getTabsTxt();   for (int i = 0; i < tabs.length; i++) {    //新建TabSpec    TabSpec tabSpec = mTabHost.newTabSpec(TabDb.getTabsTxt()[i]);    //設(shè)置view    View view = LayoutInflater.from(this).inflate(R.layout.tabs_foot, null);    ((TextView) view.findViewById(R.id.foot_tv)).setText(TabDb.getTabsTxt()[i]);    ((ImageView) view.findViewById(R.id.foot_iv)).setImageResource(TabDb.getTabsImg()[i]);    tabSpec.setIndicator(view);    //加入TabSpec    mTabHost.addTab(tabSpec,TabDb.getFramgent()[i],null);   }  }  /***  * 初始化Host  */  private void initHost() {   mTabHost = (FragmentTabHost) findViewById(R.id.main_tab);   //調(diào)用setup方法 設(shè)置view   mTabHost.setup(this, getSupportFragmentManager(),R.id.main_view);   //去除分割線   mTabHost.getTabWidget().setDividerDrawable(null);   //監(jiān)聽(tīng)事件   mTabHost.setOnTabChangedListener(this);  }   @Override  public void onTabChanged(String arg0) {   //從分割線中獲得多少個(gè)切換界面   TabWidget tabw = mTabHost.getTabWidget();   for (int i = 0; i < tabw.getChildCount(); i++) {    View v = tabw.getChildAt(i);    TextView tv = (TextView) v.findViewById(R.id.foot_tv);    ImageView iv = (ImageView) v.findViewById(R.id.foot_iv);    //修改當(dāng)前的界面按鈕顏色圖片    if (i == mTabHost.getCurrentTab()) {     tv.setTextColor(getResources().getColor(R.color.tab_light_color));     iv.setImageResource(TabDb.getTabsImgLight()[i]);    }else{     tv.setTextColor(getResources().getColor(R.color.tab_color));     iv.setImageResource(TabDb.getTabsImg()[i]);    }   }  } } 

package com.gjn.mynavigation;  public class TabDb {  /***  * 獲得底部所有項(xiàng)  */  public static String[] getTabsTxt() {   String[] tabs = {"首頁(yè)","交易","地點(diǎn)","我的"};   return tabs;  }  /***  * 獲得所有碎片  */  public static Class[] getFramgent(){   Class[] cls = {OneFm.class,TwoFm.class,ThreeFm.class,FourFm.class};   return cls ;  }  /***  * 獲得所有點(diǎn)擊前的圖片  */  public static int[] getTabsImg(){   int[] img = {R.drawable.home1,R.drawable.glod1,R.drawable.xc1,R.drawable.user1};   return img ;  }  /***  * 獲得所有點(diǎn)擊后的圖片  */  public static int[] getTabsImgLight(){   int[] img = {R.drawable.home2,R.drawable.glod2,R.drawable.xc2,R.drawable.user2};   return img ;  } } 

<?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" >   <HorizontalScrollView   android:id="@+id/one_hv"   android:layout_width="match_parent"   android:layout_height="wrap_content"   android:scrollbars="none" >    <RadioGroup    android:id="@+id/one_rg"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="horizontal" >   </RadioGroup>  </HorizontalScrollView>   <view   android:id="@+id/one_view"   android:layout_width="match_parent"   android:layout_height="0dp"   android:layout_weight="1"   class="android.support.v4.view.ViewPager" />  </LinearLayout> 

<?xml version="1.0" encoding="utf-8"?> <RadioButton xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:background="@drawable/tab_rb_selector"  android:button="@null"  android:paddingBottom="10dp"  android:paddingLeft="15dp"  android:paddingRight="15dp"  android:paddingTop="10dp"  android:text="今日" > </RadioButton> 

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" >  <!-- 點(diǎn)擊 -->  <item android:state_checked="true">   <layer-list >    <item >     <shape android:shape="rectangle">      <stroke android:width="5dp" android:color="@color/tab_light_color"/>     </shape>    </item>    <item android:bottom="5dp">     <shape android:shape="rectangle">      <solid android:color="#fff"/>     </shape>    </item>   </layer-list>  </item>  <!-- 默認(rèn) -->  <item >   <shape >    <solid android:color="#fafafa"/>   </shape>  </item> </selector> 

package com.gjn.mynavigation;  import java.util.ArrayList; import java.util.List;  import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.support.v4.view.ViewPager; import android.support.v4.view.ViewPager.OnPageChangeListener; import android.util.DisplayMetrics; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.HorizontalScrollView; import android.widget.RadioButton; import android.widget.RadioGroup; import android.widget.RadioGroup.LayoutParams; import android.widget.RadioGroup.OnCheckedChangeListener;  public class OneFm extends Fragment implements OnPageChangeListener {   private View view;  private RadioGroup rg_;  private ViewPager vp_;  private HorizontalScrollView hv_;  private List<Fragment> newsList = new ArrayList<Fragment>();  private OneFmAdapter adapter;   @Override  public View onCreateView(LayoutInflater inflater,  @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {   if (view == null) {    //初始化view    view = inflater.inflate(R.layout.fm_one, container,false);    rg_ = (RadioGroup) view.findViewById(R.id.one_rg);    vp_ = (ViewPager) view.findViewById(R.id.one_view);    hv_ = (HorizontalScrollView) view.findViewById(R.id.one_hv);    //設(shè)置RadioGroup點(diǎn)擊事件    rg_.setOnCheckedChangeListener(new OnCheckedChangeListener() {      @Override     public void onCheckedChanged(RadioGroup group, int id) {      vp_.setCurrentItem(id);     }    }    //初始化頂部導(dǎo)航欄    initTab(inflater);    //初始化viewpager    initView();   }   /**  * 底部導(dǎo)航欄切換后 由于沒(méi)有銷毀頂部設(shè)置導(dǎo)致如果沒(méi)有重新設(shè)置view   * 導(dǎo)致底部切換后切回頂部頁(yè)面數(shù)據(jù)會(huì)消失等bug   * 以下設(shè)置每次重新創(chuàng)建view即可   */   ViewGroup parent = (ViewGroup) view.getParent();   if (parent != null) {    parent.removeView(view);   }   return view;   }   /***   * 初始化viewpager   */   private void initView() {   List<HTab> hTabs = HTabDb.getSelected();   for (int i = 0; i < hTabs.size(); i++) {    OneFm1 fm1 = new OneFm1();    Bundle bundle = new Bundle();    bundle.putString("name", hTabs.get(i).getName());    fm1.setArguments(bundle);    newsList.add(fm1);   }   //設(shè)置viewpager適配器   adapter = new OneFmAdapter(getActivity().getSupportFragmentManager(),newsList);   vp_.setAdapter(adapter);   //兩個(gè)viewpager切換不重新加載   vp_.setOffscreenPageLimit(2);   //設(shè)置默認(rèn)   vp_.setCurrentItem(0);   //設(shè)置viewpager監(jiān)聽(tīng)事件   vp_.setOnPageChangeListener(this);   }   /***   * 初始化頭部導(dǎo)航欄   * @param inflater   */   private void initTab(LayoutInflater inflater) {   List<HTab> hTabs = HTabDb.getSelected();   for (int i = 0; i < hTabs.size(); i++) {    //設(shè)置頭部項(xiàng)布局初始化數(shù)據(jù)    RadioButton rbButton = (RadioButton) inflater.inflate(R.layout.tab_rb, null);    rbButton.setId(i);    rbButton.setText(hTabs.get(i).getName());    LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT,    LayoutParams.WRAP_CONTENT);    //加入RadioGroup    rg_.addView(rbButton,params);   }   //默認(rèn)點(diǎn)擊   rg_.check(0);   }   @Override   public void onPageScrollStateChanged(int arg0) {    }   @Override   public void onPageScrolled(int arg0, float arg1, int arg2) {    }   @Override   public void onPageSelected(int id) {   setTab(id);   }   /***   * 頁(yè)面跳轉(zhuǎn)切換頭部偏移設(shè)置   * @param id   */   private void setTab(int id) {   RadioButton rbButton = (RadioButton) rg_.getChildAt(id);   //設(shè)置標(biāo)題被點(diǎn)擊   rbButton.setChecked(true);   //偏移設(shè)置   int left = rbButton.getLeft();   int width = rbButton.getMeasuredWidth();   DisplayMetrics metrics = new DisplayMetrics();   getActivity().getWindowManager().getDefaultDisplay().getMetrics(metrics);   int screenWidth = metrics.widthPixels;   //移動(dòng)距離= 左邊的位置 + button寬度的一半 - 屏幕寬度的一半   int len = left + width / 2 - screenWidth / 2;   //移動(dòng)   hv_.smoothScrollTo(len, 0);  } } 

package com.gjn.mynavigation;  /***  * 頭部Tab屬性  *  */ public class HTab {  private String name;   public HTab(String name) {   super();   this.setName(name);  }   public String getName() {   return name;  }   public void setName(String name) {   this.name = name;  } } 

package com.gjn.mynavigation;  import java.util.ArrayList; import java.util.List;  public class HTabDb {  private static final List<HTab> Selected = new ArrayList<HTab>();  static{   Selected.add(new HTab("今日"));   Selected.add(new HTab("頭條"));   Selected.add(new HTab("娛樂(lè)"));   Selected.add(new HTab("財(cái)經(jīng)"));   Selected.add(new HTab("軍事"));   Selected.add(new HTab("科技"));   Selected.add(new HTab("時(shí)尚"));   Selected.add(new HTab("體育"));  }  /***  * 獲得頭部tab的所有項(xiàng)  */  public static List<HTab> getSelected() {   return Selected;  } } 

package com.gjn.mynavigation;  import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView;  public class OneFm1 extends Fragment {   private String name;   @Override  public void setArguments(Bundle args) {   name = args.getString("name");  }   @Override  public View onCreateView(LayoutInflater inflater,  @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {   View view = inflater.inflate(R.layout.fragment, container,false);   ((TextView) view.findViewById(R.id.fm_text)).setText(name);   return view;  } } 

<?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:gravity="center"  android:orientation="vertical" >   <TextView   android:id="@+id/fm_text"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:text="Large Text"   android:textAppearance="?android:attr/textAppearanceLarge" />  </LinearLayout>