android 可上下滑动切换区域 左右滑动

目前我们项目有个需求，商品详情页需要仿淘宝 而且下面的页卡可以滑动切换，于是用ViewGroup自定义了一个上下方向的ViewPager，并且需要处理各种事件传递，相信通过自定义ViewGroup我们可以实现很多不一样的页面结构需求，
github地址https://github.com/ouyangfeng/CustomerViewGroup.git

转载请注明：http://blog.csdn.net/ertingkele/article/details/49926187

以下是自定义的跟布局View源码

package com.liushengfan.test.customerviewgroup.view;

import android.content.Context;
import android.content.res.TypedArray;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;
import android.widget.ScrollView;
import android.widget.Scroller;

import com.liushengfan.test.customerviewgroup.R;

import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.List;

/**
* @author liushengfan
* @see android.support.v4.view.ViewPager
*         <p/>
*         垂直方向 ViewPager
*/
public class ViewGroupScrollView extends ViewGroup implements ViewPager.OnPageChangeListener {

private Context mContext;

private View mObservedView;//正在监听的 View

private ViewPager mViewPager;//底部ViewPager

private View mUpView;//第一部分View
private View mDownView;//第二部分View

private boolean viewChang = false;//第一部分与第二部分 是否已经切换  相对于初始位置

private Scroller myScroller;

private boolean isFling = false;

private int boundaryY = 0;

MyGestureListener gestureListener;

public ViewGroupScrollView(Context context) {
super(context);
}

public ViewGroupScrollView(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
init();
/**
* 获得我们所定义的自定义样式属性
*/
TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.ViewGroupScrollView, 0, 0);
int downViewLayoutId = a.getResourceId(R.styleable.ViewGroupScrollView_downView, 0);
int upViewLayoutId = a.getResourceId(R.styleable.ViewGroupScrollView_upView, 0);
mUpView = LayoutInflater.from(context).inflate(upViewLayoutId, null);
mDownView = LayoutInflater.from(context).inflate(downViewLayoutId, null);
a.recycle();
if (null == mUpView || null == mDownView) {
throw new RuntimeException("upView or downView can not be null");
}
addView(mUpView);
addView(mDownView);
}

private void init() {
myScroller = new Scroller(mContext);
gestureListener = new MyGestureListener();
detector = new GestureDetector(mContext, gestureListener);

}

/**
* 设置下部分View的资源ID
*
* @param layoutId
*/
public void setViewPagerLayoutId(int layoutId) {
View v = mDownView.findViewById(layoutId);
if (null == v || !(v instanceof ViewPager)) {
throw new RuntimeException("can not find ViewPager in the second part of ViewGroupScrollView");
}
mViewPager = (ViewPager) v;
//ViewPager 设置监听器
mViewPager.addOnPageChangeListener(this);
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);

MeasureSpec.getSize(widthMeasureSpec);
MeasureSpec.getMode(widthMeasureSpec);

for (int i = 0; i < getChildCount(); i++) {
View view = getChildAt(i);
view.measure(widthMeasureSpec, heightMeasureSpec);
}
}

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
View viewUp = getChildAt(0);
View viewDown = getChildAt(1);
boundaryY = viewUp.getMeasuredHeight();
viewUp.layout(l, t, r, boundaryY);
viewDown.layout(l, boundaryY, r, b + boundaryY);
if (changed) {
moveToDest();
}
}

private GestureDetector detector;

public int curIndex;// 0 top 1 bottom

@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
try {
return super.dispatchTouchEvent(ev);
} catch (Exception e) {
e.printStackTrace();
}
return false;
}

@Override
public boolean onTouchEvent(MotionEvent event) {
detector.onTouchEvent(event);
switch (event.getAction()) {
case MotionEvent.ACTION_UP:
if (!isFling) {
moveToDest();
}
isFling = false;
break;

default:
break;
}
return true;
}

/**
* 两部分View自动切换
*/
private void moveToDest() {
int destId = (getScrollY() / (boundaryY / 2)) >= 1 ? 1 : 0;
moveToDest(destId);
}

/**
* 两部分切换
*
* @param destId
*/
public void moveToDest(int destId) {
if (0 == destId || 1 == destId) {
int distance = destId * boundaryY - getScrollY();
curIndex = destId;
myScroller.startScroll(getScrollX(), getScrollY(), 0, distance, Math.abs(distance / 2));
invalidate();
}
}

/**
* 计算滚动位置
*/
@Override
public void computeScroll() {
if (myScroller.computeScrollOffset()) {
int curY = myScroller.getCurrY();
scrollTo(0, curY);
invalidate();
if (0 == curY) {
viewChang = false;
mObservedView = mUpView;
} else if (boundaryY == curY) {
viewChang = true;
mObservedView = getCurChild_vp(mViewPager);
}
}
}

private int startY = 0;
private int startX = 0;

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
boolean intercept = false;
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
startY = (int) ev.getY();
startX = (int) ev.getX();
break;
case MotionEvent.ACTION_UP:
startX = 0;
startY = 0;
intercept = false;
break;
case MotionEvent.ACTION_MOVE:
int currentY = (int) ev.getY();
int currentX = (int) ev.getX();
int distanceY = currentY - startY;
int distanceX = currentX - startX;
if (Math.abs(distanceY) - Math.abs(distanceX) > 5) {
boolean interceptFromChildFeedback = isParentViewShouldInterceptEnvent(viewChang, mObservedView);
if (viewChang) {
if (interceptFromChildFeedback && distanceY > 0) {
intercept = true;
} else {
intercept = false;
}
} else {
if (interceptFromChildFeedback && distanceY < 0) {
intercept = true;
} else {
intercept = false;
}
}
}
startY = currentY;
startX = currentX;
break;
default:
break;
}
gestureListener.setInterrupt(intercept);
detector.onTouchEvent(ev);
return intercept;
}

private class MyGestureListener extends GestureDetector.SimpleOnGestureListener {
private boolean interrupt = false;

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
if (interrupt) {
if (0 == getScrollY() && distanceY > 0) {
scrollBy(0, (int) distanceY);
} else if (getScrollY() > 0 && getScrollY() < (boundaryY)) {
scrollBy(0, (int) distanceY);
} else if ((boundaryY) == getScrollY() && distanceY < 0) {
scrollBy(0, (int) distanceY);
}
}
// scrollBy(0, (int) distanceY);
return true;
}

@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
isFling = true;
if (velocityY > 0) {
moveToDest(0);
} else {
moveToDest(1);
}
return true;
}

public void setInterrupt(boolean interrupt) {
this.interrupt = interrupt;
}
}

public boolean isViewChang() {
return viewChang;
}

public void setViewChang(boolean viewChang) {
this.viewChang = viewChang;
}

/**
* 是否应该中断事件传输
*
* @param viewChang    是否上下两部分布局已经切换
* @param observedView 被观察的可滚动的View
* @return
*/
private boolean isParentViewShouldInterceptEnvent(boolean viewChang, View observedView) {
boolean intercept = true;
if (null == observedView) {
return intercept;
}
if (viewChang) {
if (observedView instanceof ListView) {
ListView listView = (ListView) observedView;
if (0 != listView.getChildCount()) {
if (0 == listView.getFirstVisiblePosition() && 0 == listView.getChildAt(0).getTop()) {
intercept = true;
} else {
intercept = false;
}
} else {
intercept = true;
}
} else if (observedView instanceof ScrollView) {
ScrollView scrollView = (ScrollView) observedView;
if (scrollView.getScrollY() == 0) {
intercept = true;
} else {
intercept = false;
}
} else {
intercept = true;
}
} else {
if (observedView instanceof ListView) {
//TODO 支持ListView 判断滑动到底部
} else if (observedView instanceof ScrollView) {
ScrollView scrollView = (ScrollView) observedView;
View contentView = scrollView.getChildAt(0);
if (contentView != null && contentView.getMeasuredHeight() <= scrollView.getScrollY() + scrollView.getHeight()) {
intercept = true;
} else {
intercept = false;
}
} else {
intercept = true;
}
}
return intercept;
}

//ViewPager Listener begin
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

@Override
public void onPageSelected(int position) {
if (isViewChang()) {
mObservedView = getCurChild_vp(mViewPager);
}
}

@Override
public void onPageScrollStateChanged(int state) {

}
//ViewPager Listener end

/**
* 获取ViewPager当前显示的View
*
* @param vp
* @return
*/
public static View getCurChild_vp(ViewPager vp) {

int childCnt = vp.getChildCount();
int totalCnt = vp.getAdapter().getCount();
int curItem = vp.getCurrentItem();

int targetIndex = 0;

// 若"已加载child未达到应有值",则在边界 、或总数达不到limit
if (childCnt < vp.getOffscreenPageLimit() * 2 + 1) {
// 若-项数不足-加载所有至limit,直接返回当前
if (childCnt == totalCnt)
targetIndex = curItem;
else
// 若足
{
// 若在左边界(即左边child数未达到limit)
if (curItem - vp.getOffscreenPageLimit() < 0)
targetIndex = curItem;
// 右边界
else
targetIndex = vp.getOffscreenPageLimit();
}
}
// childCnt完整(即总项>childCnt,且不在边界)
else
targetIndex = vp.getOffscreenPageLimit();

// 取-子元素
List<View> vs = new ArrayList<View>();
for (int i = 0; i < childCnt; i++)
vs.add(vp.getChildAt(i));

// 对子元素-排序,因默认排序-不一定正确(viewpager内部机制)
Collections.sort(vs, new Comparator<View>() {
@Override
public int compare(View lhs, View rhs) {
// TODO Auto-generated method stub
if (lhs.getLeft() > rhs.getLeft())
return 1;
else if (lhs.getLeft() < rhs.getLeft())
return -1;
else
return 0;
}
});

// debug
// for (int i = 0; i<childCnt; i++)
// System.out.println("nimei>>vp-"+i+".x:"+vs.get(i).getLeft());
// System.out.println("nimei>>index:"+targetIndex);

return vs.get(targetIndex);
}

}