android HorizontalScrollView和ViewPager联动效果 « 印兰博客

位置：首页>> android HorizontalScrollView和ViewPager联动效果

android HorizontalScrollView和ViewPager联动效果

作者：印兰日期：2013.05.30 | 一条评论

困扰我一个星期的问题解决了，为了实现这个效果，我走了多少的弯路。菜鸟就是菜鸟，差一点就歪在了Intent这个地方，幸好有个高手救了一命。
下面我们来看看这个效果：当然在网上也有很多这种例子

看下代码：
package com.yinlans;

import java.util.ArrayList;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.LocalActivityManager;
import android.content.Intent;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.View;
import android.view.animation.AnimationSet;
import android.view.animation.TranslateAnimation;
import android.widget.HorizontalScrollView;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
/**
* HorizontalScrollView和ViewPager联动效果
* 上面为HorizontalScrollView,下面为ViewPager
*/
public class MainActivity extends Activity implements OnCheckedChangeListener{

private RadioGroup mRadioGroup;
private RadioButton mRadioButton1;
private RadioButton mRadioButton2;
private RadioButton mRadioButton3;
private RadioButton mRadioButton4;
private RadioButton mRadioButton5;
private RadioButton mRadioButton6;
private ImageView mImageView;
private float mCurrentCheckedRadioLeft;//当前被选中的RadioButton距离左侧的距离
private HorizontalScrollView mHorizontalScrollView;//上面的水平滚动控件
private ViewPager mViewPager; //下方的可横向拖动的控件
private ArrayList mViews;//用来存放下方滚动的layout(layout_1,layout_2,layout_3)

LocalActivityManager manager = null;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

manager = new LocalActivityManager(this, true);
manager.dispatchCreate(savedInstanceState);

iniController();
iniListener();
iniVariable();

mRadioButton1.setChecked(true);
mViewPager.setCurrentItem(1);
mCurrentCheckedRadioLeft = getCurrentCheckedRadioLeft();

}

private View getView(String id, Intent intent) {
return manager.startActivity(id, intent).getDecorView();
}

private void iniVariable() {
Intent intent = new Intent(this,Tab01Activity.class);
Intent intent1 = new Intent(this,Tab02Activity.class);
Intent intent2= new Intent(this,Tab03Activity.class);
Intent intent3= new Intent(this,Tab04Activity.class);
Intent intent4= new Intent(this,Tab05Activity.class);
Intent intent5= new Intent(this,Tab05Activity.class);
Intent intent6= new Intent(this,Tab05Activity.class);

mViews = new ArrayList();

mViews.add(getView(“A”, intent));
mViews.add(getView(“B”, intent1));
mViews.add(getView(“C”, intent2));
mViews.add(getView(“D”, intent3));
mViews.add(getView(“E”, intent4));
mViews.add(getView(“F”, intent5));
mViews.add(getView(“G”, intent6));

mViewPager.setAdapter(new MyPagerAdapter());//设置ViewPager的适配器
}

/**
* RadioGroup点击CheckedChanged监听
*/
@SuppressLint(“NewApi”)
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {

AnimationSet _AnimationSet = new AnimationSet(true);
TranslateAnimation _TranslateAnimation;

Log.i(“zj”, “checkedid=”+checkedId);
if (checkedId == R.id.btn1) {
_TranslateAnimation = new TranslateAnimation(mCurrentCheckedRadioLeft, getResources().getDimension(R.dimen.rdo1), 0f, 0f);
_AnimationSet.addAnimation(_TranslateAnimation);
_AnimationSet.setFillBefore(false);
_AnimationSet.setFillAfter(true);
_AnimationSet.setDuration(100);

mImageView.startAnimation(_AnimationSet);//开始上面蓝色横条图片的动画切换
mViewPager.setCurrentItem(1);//让下方ViewPager跟随上面的HorizontalScrollView切换
}else if (checkedId == R.id.btn2) {
_TranslateAnimation = new TranslateAnimation(mCurrentCheckedRadioLeft, getResources().getDimension(R.dimen.rdo2), 0f, 0f);