实现可滑可点的fragment，使上方的导航条随着fragment的切换而随之变动即滑动，导航条可自由滑动

以下是布局文件，导航条使用了HorizontalScrollView进行包裹，其中的可点击按钮使用了radiogroup和其中的radiobutton

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/index_line"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >


    <RelativeLayout
        android:id="@+id/mom_and_son_title"
        android:layout_width="match_parent"
        android:layout_height="46dp"
        android:background="#ffffff"
        android:orientation="horizontal" >


        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="10dp"
            android:src="@drawable/title_image1" />


        <ImageView
            android:id="@+id/search_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/imageView1"
            android:layout_alignParentRight="true"
            android:layout_marginRight="18dp"
            android:src="@drawable/search_image1" />
    </RelativeLayout>


    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#c4c4c4" />


    <HorizontalScrollView
        android:id="@+id/horizontalScrollView1"
        android:layout_width="wrap_content"
        android:layout_height="26dp"
        android:scrollbars="none" >


        <RadioGroup
            android:id="@+id/radiogroup"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:gravity="center_vertical"
            android:background="#ffffff" >


            <RadioButton
                android:id="@+id/ra1"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_marginLeft="30dp"
                android:button="@null"
                android:checked="true"
                android:text="推荐"
                android:textColor="@drawable/tv_text_selected"
                android:textSize="14sp" />


            <RadioButton
                android:id="@+id/ra2"
                android:layout_marginLeft="50dp"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:button="@null"
                android:text="海淘"
                android:textSize="14sp"
                android:textColor="@drawable/tv_text_selected"/>


            <RadioButton
                android:id="@+id/ra3"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:button="@null"
                android:text="童装"
                android:layout_marginLeft="50dp"
                android:textColor="@drawable/tv_text_selected"
                android:textSize="14sp" />


            <RadioButton
                android:id="@+id/ra4"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:button="@null"
                android:text="孕妈"
                android:layout_marginLeft="50dp"
                android:textColor="@drawable/tv_text_selected"
                android:textSize="14sp" />


            <RadioButton
                android:id="@+id/ra5"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:button="@null"
                android:text="用的"
                android:layout_marginLeft="50dp"
                android:textColor="@drawable/tv_text_selected"
                android:textSize="14sp" />


            <RadioButton
                android:id="@+id/ra6"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_marginRight="30dp"
                android:button="@null"
                android:text="吃的"
                android:layout_marginLeft="50dp"
                android:textColor="@drawable/tv_text_selected"
                android:textSize="14sp" />
        </RadioGroup>
    </HorizontalScrollView>


    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager_index"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />


</LinearLayout>

代码中的控制如下

package com.example.byzx.llxzz.fragment;


import java.lang.reflect.Field;
import java.util.ArrayList;
import java.util.List;


import android.app.Activity;
import android.content.Intent;
import android.os.AsyncTask;
import android.os.Bundle;
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.util.Log;
import android.view.Display;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TextView;


import com.example.byzx.llxzz.R;
import com.example.byzx.llxzz.SearchActivity;
import com.example.byzx.llxzz.adapter.IndexAdapter;


public class IndexFragment extends Fragment implements OnClickListener,
OnPageChangeListener, OnCheckedChangeListener {
private View mView = null;


private ViewPager pager;// 三要素之控件
private List<Fragment> beans = new ArrayList<Fragment>();// 三要素之数据源
private IndexAdapter adapter;// 三要素之适配器
private RadioGroup radiogroup;
// mTuiJianTv, mHaiTaoTv, mTongZhuangTv, mYunMaTv, mYongDeTv,mChiDeTv;
private ImageView mSearchIv;
private Activity mActivity;
private RadioButton ra1, ra2, ra3, ra4, ra5, ra6;
private HorizontalScrollView scrollView;
@Override
public void onAttach(Activity activity) {
// TODO Auto-generated method stub
super.onAttach(activity);
this.mActivity = activity;
}


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
mView = inflater.inflate(R.layout.fragment_index, null);
pager = (ViewPager) mView.findViewById(R.id.viewpager_index);
pager.setOnPageChangeListener(this);
setonClick();
// fragment嵌套时，用getChildFragmentManager()代替getSupportFragmentManager()
adapter = new IndexAdapter(getChildFragmentManager());
pager.setAdapter(adapter);// 报错


initData();
initScrollView();
// new ScrollViewAysncTask().execute(HttpRequest.HS);


return mView;
}


private void initScrollView() {
scrollView = (HorizontalScrollView) mView.findViewById(R.id.horizontalScrollView1);

// 幕
Display d = mActivity.getWindowManager().getDefaultDisplay();
DisplayMetrics dm = new DisplayMetrics();
d.getMetrics(dm);
@SuppressWarnings("deprecation")
final int screenHalf = d.getWidth() / 2;// 屏幕宽度的一半
radiogroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
switch (checkedId) {
case R.id.ra1:
pager.setCurrentItem(0);
break;
case R.id.ra2:
pager.setCurrentItem(1);
break;
case R.id.ra3:
pager.setCurrentItem(2);
break;
case R.id.ra4:
pager.setCurrentItem(3);
break;
case R.id.ra5:
pager.setCurrentItem(4);
break;
case R.id.ra6:
pager.setCurrentItem(5);
break;

default:
break;
}
int scrollX = scrollView.getScrollX();
System.out.println("scrollX----->" + scrollX);
RadioButton rb = (RadioButton)mView.findViewById(checkedId);
int left = rb.getLeft();
int leftScreen = left - scrollX;
scrollView.smoothScrollBy((leftScreen - screenHalf), 0);
}
});
}


private void initData() {
// new Thread(new Runnable() {
//
// @Override
// public void run() {
// beans.add(new IndexRecommendFragment());
// beans.add(new IndexForeignBuyFragment());
// beans.add(new IndexBabyClothFragment());
// beans.add(new IndexPregnantMomFragment());
// beans.add(new IndexUseFragment());
// beans.add(new IndexEatFragment());
// if(beans!=null){
// mActivity.runOnUiThread(new Runnable() {
// public void run() {
// adapter.setBeans(beans);
// adapter.notifyDataSetChanged();
// }
// } );
// }
// }
// }).start();
new AsyncTask<Void, Void, List<Fragment>>() {


@Override
protected List<Fragment> doInBackground(Void... arg0) {
beans.add(new IndexRecommendFragment());
beans.add(new IndexForeignBuyFragment());
beans.add(new IndexBabyClothFragment());
beans.add(new IndexPregnantMomFragment());
beans.add(new IndexUseFragment());
beans.add(new IndexEatFragment());


return beans;
}


@Override
protected void onPostExecute(List<Fragment> result) {
if (result != null) {
adapter.setBeans(beans);
adapter.notifyDataSetChanged();


}
};


}.execute();


}


private void setonClick() {
radiogroup = (RadioGroup) mView.findViewById(R.id.radiogroup);
radiogroup.setOnCheckedChangeListener(this);
ra1 = (RadioButton) mView.findViewById(R.id.ra1);
ra2 = (RadioButton) mView.findViewById(R.id.ra2);
ra3 = (RadioButton) mView.findViewById(R.id.ra3);
ra4 = (RadioButton) mView.findViewById(R.id.ra4);
ra5 = (RadioButton) mView.findViewById(R.id.ra5);
ra6 = (RadioButton) mView.findViewById(R.id.ra6);
ra1.setOnClickListener(this);
ra2.setOnClickListener(this);
ra3.setOnClickListener(this);
ra4.setOnClickListener(this);
ra5.setOnClickListener(this);
ra6.setOnClickListener(this);
mSearchIv = (ImageView) mView.findViewById(R.id.search_btn);
mSearchIv.setOnClickListener(this);


}





@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.search_btn:
Intent intent = new Intent(mActivity, SearchActivity.class);
startActivity(intent);
break;
default:
break;
}
}


@Override
public void onDetach() {
super.onDetach();
try {
// 反射
Field childFragmentManager = Fragment.class
.getDeclaredField("mChildFragmentManager");
childFragmentManager.setAccessible(true);
childFragmentManager.set(this, null);


} catch (NoSuchFieldException e) {
throw new RuntimeException(e);
} catch (IllegalAccessException e) {
throw new RuntimeException(e);
}
}


@Override
public void onPageScrollStateChanged(int arg0) {


}


@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {


}


@Override
public void onPageSelected(int position) {
switch (position) {
case 0:
ra1.setChecked(true);
break;
case 1:
ra2.setChecked(true);
break;
case 2:
ra3.setChecked(true);
break;
case 3:
ra4.setChecked(true);
break;
case 4:
ra5.setChecked(true);
break;
case 5:
ra6.setChecked(true);
break;


default:
break;
}


}







}

以上代码即可实现导航条中的选项随着fragment的切换而选中，导航条随着fragment的切换而滑动