联动

//先是布局部分（主布局）

<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=".MainActivity" >

<RelativeLayout
android:id="@+id/rl_tab"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#F2F2F2" >

<HorizontalScrollView android:id="@+id/mHsv" android:layout_width="fill_parent" android:layout_height="40dip" android:fadingEdge="none"
android:scrollbars="none" >

<RelativeLayout
android:id="@+id/rl_nav"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="top"
android:background="#5AB0EB" >

<RadioGroup
android:id="@+id/rg_nav_content"
android:layout_width="fill_parent"
android:layout_height="38dip"
android:layout_alignParentTop="true"
android:background="#F2F2F2"
android:orientation="horizontal" >
</RadioGroup>

<ImageView
android:id="@+id/iv_nav_indicator"
android:layout_width="1dip"
android:layout_height="5dip"
android:layout_alignParentBottom="true"
android:background="#0f0"
android:contentDescription="@string/nav_desc"
android:scaleType="matrix" />
</RelativeLayout>
</HorizontalScrollView>

</RelativeLayout>

<android.support.v4.view.ViewPager
android:id="@+id/mViewPager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_below="@id/rl_tab"
android:layout_gravity="center"
android:background="#ffffff"
android:flipInterval="30"
android:persistentDrawingCache="animation" />

</RelativeLayout>

 

nav_radiogroup_item（布局）

<?xml version="1.0" encoding="utf-8"?>
<RadioButton xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="0dip"
android:layout_height="fill_parent"
android:background="#F2F2F2"
android:button="@null"
android:checked="true"
android:gravity="center"
android:text=""
android:textColor="@drawable/rb_blue_bg"
android:textSize="14.0dip" />

 

 

//代码部分（在fragment中）

//下方布局为viewpager+fragment的效果

package com.bwie.news.fragment;

import com.bwie.news.R;
import com.bwie.news.SyncHorizontalScrollView;
import com.bwie.news.basefragment.GaoxiaoFragment;
import com.bwie.news.basefragment.JunshiFragment;
import com.bwie.news.basefragment.ShipinFragment;
import com.bwie.news.basefragment.TitanFragment;
import com.bwie.news.basefragment.TuijianFragment;
import com.bwie.news.basefragment.YuLeFragment;

import android.graphics.Color;
import android.os.Bundle;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
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.view.ViewGroup.LayoutParams;
import android.view.animation.LinearInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.HorizontalScrollView;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RelativeLayout;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class Fragment1 extends Fragment{

public static final String ARGUMENTS_NAME = "arg";
private RelativeLayout rl_nav;
//private HorizontalScrollView mHsv;
private RadioGroup rg_nav_content;
private ImageView iv_nav_indicator;

private ViewPager mViewPager;
LayoutInflater mInflater;
private int indicatorWidth;
private View view;
private TabFragmentPagerAdapter mAdapter;
public static String[] tabTitle = { "推荐", "视频", "娱乐", "体坛", "军事","搞笑" };
private int currentIndicatorLeft = 0;
HorizontalScrollView mHsv;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {

//加载布局
view = View.inflate(getActivity(), R.layout.home_pager1, null);

//找控件 
findViewById();

//初始化页面
initView();

//设置监听
setListener();
return view;
}

private void setListener() {

mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
if(rg_nav_content!=null && rg_nav_content.getChildCount()>position){
((RadioButton)rg_nav_content.getChildAt(position)).performClick();
}
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageScrollStateChanged(int arg0) {
}
});

rg_nav_content.setOnCheckedChangeListener(new OnCheckedChangeListener() {

@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {

if(rg_nav_content.getChildAt(checkedId)!=null){

TranslateAnimation animation = new TranslateAnimation(
currentIndicatorLeft ,
((RadioButton) rg_nav_content.getChildAt(checkedId)).getLeft(), 0f, 0f);
animation.setInterpolator(new LinearInterpolator());
animation.setDuration(100);
animation.setFillAfter(true);

//执行位移动画
iv_nav_indicator.startAnimation(animation);

mViewPager.setCurrentItem(checkedId); //ViewPager 跟随一起 切换

//记录当前 下标的距最左侧的 距离
currentIndicatorLeft = ((RadioButton) rg_nav_content.getChildAt(checkedId)).getLeft();

mHsv.smoothScrollTo(
(checkedId > 1 ? ((RadioButton) rg_nav_content.getChildAt(checkedId)).getLeft() : 0) - ((RadioButton) rg_nav_content.getChildAt(2)).getLeft(), 0);
}
}
});


}

private void initView() {
DisplayMetrics dm = new DisplayMetrics();
getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
indicatorWidth = dm.widthPixels / 4;
LayoutParams cursor_Params = iv_nav_indicator.getLayoutParams();
cursor_Params.width = indicatorWidth;// 初始化滑动下标的宽
iv_nav_indicator.setLayoutParams(cursor_Params);
//mHsv.setSomeParam(rl_nav, iv_nav_left, iv_nav_right, getActivity());
//获取布局填充器
mInflater = (LayoutInflater)getActivity().getSystemService(getActivity().LAYOUT_INFLATER_SERVICE);
//另一种方式获取
// LayoutInflater mInflater = LayoutInflater.from(this);
initNavigationHSV();
mAdapter = new TabFragmentPagerAdapter(getActivity().getSupportFragmentManager());
mViewPager.setAdapter(mAdapter);

}

private void initNavigationHSV() {
rg_nav_content.removeAllViews();
for(int i=0;i<tabTitle.length;i++){
RadioButton rb = (RadioButton) mInflater.inflate(R.layout.nav_radiogroup_item, null);
rb.setId(i);
rb.setText(tabTitle[i]);

rb.setLayoutParams(new LayoutParams(indicatorWidth,
LayoutParams.MATCH_PARENT));

rg_nav_content.addView(rb);
}

}

//查找控件

private void findViewById() {
rl_nav = (RelativeLayout) view.findViewById(R.id.rl_nav);
mHsv = (HorizontalScrollView) view.findViewById(R.id.mHsv);
rg_nav_content = (RadioGroup) view.findViewById(R.id.rg_nav_content);
iv_nav_indicator = (ImageView) view.findViewById(R.id.iv_nav_indicator);
iv_nav_left = (ImageView) view.findViewById(R.id.iv_nav_left);
iv_nav_right = (ImageView) view.findViewById(R.id.iv_nav_right);
mViewPager = (ViewPager) view.findViewById(R.id.mViewPager);
}

//自定义适配器，设置viewpager监听事件
public static class TabFragmentPagerAdapter extends FragmentPagerAdapter{

public TabFragmentPagerAdapter(FragmentManager fm) {
super(fm);
}

@Override
public Fragment getItem(int arg0) {
Fragment ft = null;
switch (arg0) {
case 0:
ft = new TuijianFragment();
break;

case 1:
ft = new ShipinFragment();
break;
case 2:
ft = new YuLeFragment();
break;
case 3:
ft=new TitanFragment();
break;
case 4:
ft=new JunshiFragment();
case 5:
ft=new GaoxiaoFragment();
break;

}
return ft;
}

@Override
public int getCount() {

return tabTitle.length;
}

}
}