[置顶] Android仿人人客户端（v5.7.1）——采用ViewGroup做父容器，实现左侧滑动菜单（三）
转载请标明出处：http://blog.csdn.net/android_ls/article/details/8761410
前面已实现以滑动的方式显示或隐藏左侧菜单，采用的父容器是自定义类继承自RelativeLayout来实现的。看到有网友留言说，采用父容器自定义类继承自ViewGroup去实现，这篇我就讲解下采用继承自ViewGroup的方式去如何实现。
自定义类让其继承自ViewGroup类后，编译器强制添加一个带Context类型参数的构造方法和onLayout()方法，代码如下：
package com.everyone.android.widget;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
/**
* 功能描述：手指在屏幕上左右滑动时，该类的实例负责让其子View根据用户的手势左右偏移（滚动）
* 父容器采用ViewGroup
* @author android_ls
*/
public class HorizontalScrollerContainer extends ViewGroup {
public HorizontalScrollerContainer(Context context) {
super(context);
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) { }
}
通过阅读上面的代码片段，引发的思考，ViewGroup类有无参构造方法吗？答案是没有；至于onLayout()方法，肯定是一个抽象方法了，那么ViewGroup类肯定是抽象类。在Java的继承体系中，父类（ViewGroup）中有抽象方法，子类继承父类必须（强制性的）去实现父类的抽象方法或者把自己也定义成抽象的。既然onLayout()方法是抽象方法，我们自定义的类去继承了ViewGroup类，最后自定义的类是要用来诞生对象的，那肯定不能也定义成抽象的。我们就去实现它，代码如下：
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
int childCount = getChildCount();
for (int i = 0; i < childCount; i++) {
View child = getChildAt(i);
child.layout(0, 0, child.getMeasuredWidth(), child.getMeasuredHeight());
}
}
既然容器有了，我们就向其中添加子View，在Activity的onCreate()方法添加如下代码：
// 父容器
HorizontalScrollerContainer mSlideContainer = new HorizontalScrollerContainer(mContext);
// 左侧面板
LeftPanelLayout mLeftPanelLayout = new LeftPanelLayout(mContext);
LayoutParams layoutParams = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
// 添加子View
mSlideContainer.addView(mLeftPanelLayout, layoutParams);
// 设置要显示的视图
setContentView(mSlideContainer);
我们运行程序，效果图如下：
![[置顶] Android仿人人客户端（v5.7.1）——采用ViewGroup做父容器，实现左侧滑动菜单（三）](http://img.e-com-net.com/image/product/daa92b29f54a4f5ba8cf431a1cdecaaf.jpg)
看到这张效果图，有人可能要说，我们自定义的父容器HorizontalScrollerContainer类的对象，到底有没有设置到Window（哪来的Window对象呢？查看过Android源码的朋友肯定知道，没翻过源码的见这行： getWindow().setContentView(view)，这不是重点。）上，我们为父容器添加一张背景图，代码如下：
public HorizontalScrollerContainer(Context context) {
super(context);
this.setBackgroundResource(R.drawable.v5_3_0_guide_pic1);
}
运行效果图：
![[置顶] Android仿人人客户端（v5.7.1）——采用ViewGroup做父容器，实现左侧滑动菜单（三）](http://img.e-com-net.com/image/product/a9c79061c62742e0b43e51936102768d.jpg)
通过上面的验证，说明我们的父容器View是已添加到PhoneWindow上了，只是其中的子View没有显示出来。如何才能让父容器中的子View显示出来呢? 我们还得去重写父容器ViewGroup的onMeasure(int widthMeasureSpec, int heightMeasureSpec)方法，代码如下：
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int childCount = getChildCount();
for (int i = 0; i < childCount; i++) {
getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);
}
}
运行看效果：
![[置顶] Android仿人人客户端（v5.7.1）——采用ViewGroup做父容器，实现左侧滑动菜单（三）](http://img.e-com-net.com/image/product/8a06f5d2f9fe4727910a608537e5b477.jpg)
这次明显达到了我们的预期（目的），效果是实现了，到底为什么之前没达到预期效果呢，应用框架层明明强制我（自定义类继承自ViewGroup类）去实现的只有onLayout()方法，我按你（应用框架）的要求去做了，为什么达不到预期效果呢？
当你为一个Activty 的PhoneWindow设置一个可见的View（ViewGroup），并且运行这个Activty时，应用框架层的调用（控制反转）ViewGroup的显示视图相关方法的顺序：onAttachedToWindow-->onMeasure-->onSizeChanged-->onLayout（注：其它相关的方法我们不关注，这里就没列出来）。下面来解释下这几个我们关注的方法的含义：
1、onAttachedToWindow：当View附加到一个窗体上时，应用框架层调用此方法。
2、onMeasure：View自己调用此方法，测量自己及其子View的实际宽度和高度。
3、onSizeChanged：当View大小改变时，调用此方法
4、onLayout：View自己调用此方法，为所有子View分配显示空间的大小，可能会与子View定义时设置的大小不一样。比如：父容器是LinearLayout，里面的子View排列方向是竖直方式，我向父容器中添加第一个子View（A），设置宽度为fill_parent，高度为50dip；我再向父容器中添加第二个子View（B），设置宽度为fill_parent，高度也为fill_parent。在这种情况下，子View（B）的高度为多少？ 是fill_parent吗？肯定不是啦，是父容器的高度减去子View（A）的高度。（可能会与子View定义时设置的大小不一样）
我的个人观点：既然编写自定义类去继承ViewGroup后，子类必须去实现onMeasure(int widthMeasureSpec, int heightMeasureSpec)方法，为什么不把onMeasure()方法在ViewGroup类中定义成抽象的呢？翻看源码，会发现：
onMeasure()是定义在View类中的，源码如下：
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
}
ViewGroup类完全可以重写父类的onMeasure()方法，将其修改成抽象方法。那么当我们想自定义类去继承ViwGroup类，都会去实现onMeasure()方法，就不会出现按应用框架要求的去做，而没达到预期的，我们想要的结果。
编写两个类，进行测试，TestA类源码：
package com.everyone.android.widget;
public class TestA {
public void test(){
System.out.println("Hello World");
}
}
TestB类源码：
package com.everyone.android.widget;
public abstract class TestB extends TestA{
public abstract void test();
}
通过上面的测试，大家看到这么写，子类是可以修改父类的方法修饰词的。
假如：Android应用框架里，ViewGroup类里重写了父类的onMeasure()方法，在ViewGroup类中添加如下代码：
protected abstract void onMeasure(int widthMeasureSpec, int heightMeasureSpec);
我们自已的类继承ViewGroup后，我们实现onMeasure()方法的代码如下：
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int width = MeasureSpec.getSize(widthMeasureSpec);
int height = MeasureSpec.getSize(heightMeasureSpec);
setMeasuredDimension(width, height);
int childCount = getChildCount();
for (int i = 0; i < childCount; i++) {
getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);
}
}
至于Android应用框架层为什么没按我们预想的那样去实现，自然有他们的道理，呵呵。我个人觉的若在子类中必须重写父类的某个方法后，才既能满足框架层又能让使用框架的达到预期的效果。干嘛不把该方法定义成抽象的呢？何乐而不为。
好了，到这里这一篇的重点聊完了。其它的关于用户触摸屏幕事件的分发、拦截和处理（响应）与前面的采用RelativeLayout做父容器时是一样的。
采用ViewGroup做父容器，实现水平滑动显示或隐藏左侧菜单的完整代码如下：
package com.everyone.android.widget;
import android.content.Context;
import android.util.Log;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.Scroller;
/**
* 功能描述：手指在屏幕上左右滑动时，该类的实例负责让其子View根据用户的手势左右偏移（滚动）
* 父容器采用ViewGroup
* @author android_ls
*/
public class HorizontalScrollerContainer extends ViewGroup {
private static final String TAG = "ScrollerContainer";
private Scroller mScroller;
private VelocityTracker mVelocityTracker;
/**
* 手柄（手把）的宽度
*/
private int mHandlebarWidth;
/**
* 在偏移过程中，动画持续的时间
*/
private static final int ANIMATION_DURATION_TIME = 300;
/**
* 记录当前的滑动结束后的状态，左侧面板是否可见
* true 向右滑动（左侧面板处于可见）
* false 向左滑动（左侧面板处于不可见）
*/
private boolean mPanelInvisible;
/**
* 是否已滑动结束
*/
private boolean mFinished;
/**
* 是否允许滚动
* 满足的条件：
* 左侧面板可见，当前手指按下的坐标x值 ，是在手柄宽度范围内；
* 左侧面板不可见，当前手指按下的坐标x值 < 手柄宽度
*/
private boolean mAllowScroll;
/**
* 是否满足响应单击事件的条件
* 满足的条件：左侧面板可见，当前手指按下的坐标x值 ，是在手柄宽度范围内
*/
private boolean isClick;
public HorizontalScrollerContainer(Context context) {
super(context);
// this.setBackgroundResource(R.drawable.v5_3_0_guide_pic1);
mScroller = new Scroller(context);
mHandlebarWidth = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 70, getResources().getDisplayMetrics());
}
// 测量自己及其子View的实际宽度和高度
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int childCount = getChildCount();
for (int i = 0; i < childCount; i++) {
getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);
}
}
/*
* 为所有子View分配显示空间的大小 ，可能会与子View定义时设置的大小不一样。
* 比如：父容器是LinearLayout，里面的子View排列方向是竖直方式，我向父容器中添加第一个子View（A），
* 设置宽度为fill_parent，高度为50dip；我再向父容器中添加第二个子View（B），设置宽度为fill_parent，高度也为fill_parent。
* 在这种情况下，子View（B）的高度为多少？ 是fill_parent吗？肯定不是啦，是父容器的高度减去子View（A）的高度。
* （可能会与子View定义时设置的大小不一样）
* @see android.view.ViewGroup#onLayout(boolean, int, int, int, int)
*/
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
int childCount = getChildCount();
for (int i = 0; i < childCount; i++) {
View child = getChildAt(i);
child.layout(0, 0, child.getMeasuredWidth(), child.getMeasuredHeight());
}
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
Log.e(TAG, "dispatchTouchEvent()");
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
Log.i(TAG, "dispatchTouchEvent(): ACTION_DOWN");
mFinished = mScroller.isFinished();
if(mFinished){
int x = (int) ev.getX();
int width = getWidth();
if(mPanelInvisible)// 左侧面板可见
{
if(x > (width - mHandlebarWidth)){ // 当前手指按下的坐标x值 ，是在手柄宽度范围内
isClick = true;
mAllowScroll = true;
return true;
} else {
isClick = false;
mAllowScroll = false;
}
} else { // 左侧面板不可见
if(x < mHandlebarWidth ){ // 当前手指按下的坐标x值 < 手柄宽度 （也就是说在手柄宽度范围内，是可以相应用户的向右滑动手势）
mAllowScroll = true;
}else{
mAllowScroll = false;
}
}
} else {
// 当前正在滚动子View，其它的事不响应
return false;
}
break;
case MotionEvent.ACTION_MOVE:
Log.i(TAG, "dispatchTouchEvent(): ACTION_MOVE");
int margin = getWidth() - (int) ev.getX();
if (margin < mHandlebarWidth && mAllowScroll) {
Log.e(TAG, "dispatchTouchEvent ACTION_MOVE margin = " + margin + "\t mHandlebarWidth = " + mHandlebarWidth);
return true;
}
break;
case MotionEvent.ACTION_UP:
Log.i(TAG, "dispatchTouchEvent(): ACTION_UP");
if (isClick && mPanelInvisible && mAllowScroll) {
isClick = false;
mPanelInvisible = false;
int scrollX = getChildAt(1).getScrollX();
mScroller.startScroll(scrollX, 0, -scrollX, 0, ANIMATION_DURATION_TIME);
invalidate();
return true;
}
break;
case MotionEvent.ACTION_CANCEL:
Log.i(TAG, "dispatchTouchEvent(): ACTION_CANCEL");
break;
default:
break;
}
return super.dispatchTouchEvent(ev);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
Log.e(TAG, "onInterceptTouchEvent()");
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
Log.i(TAG, "onInterceptTouchEvent(): ACTION_DOWN");
mFinished = mScroller.isFinished();
if(!mFinished){
return false;
}
break;
case MotionEvent.ACTION_MOVE:
Log.i(TAG, "onInterceptTouchEvent(): ACTION_MOVE");
mVelocityTracker = VelocityTracker.obtain();
mVelocityTracker.addMovement(ev);
// 一秒时间内移动了多少个像素
mVelocityTracker.computeCurrentVelocity(1000, ViewConfiguration.getMaximumFlingVelocity());
float velocityValue = Math.abs(mVelocityTracker.getXVelocity()) ;
Log.d(TAG, "onInterceptTouchEvent(): mVelocityValue = " + velocityValue);
if (velocityValue > 300 && mAllowScroll) {
return true;
}
break;
case MotionEvent.ACTION_UP:
Log.i(TAG, "onInterceptTouchEvent(): ACTION_UP");
if (mVelocityTracker != null) {
mVelocityTracker.recycle();
mVelocityTracker = null;
}
break;
case MotionEvent.ACTION_CANCEL:
Log.i(TAG, "onInterceptTouchEvent(): ACTION_CANCEL");
break;
default:
break;
}
return super.onInterceptTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
Log.e(TAG, "onTouchEvent()");
float x = event.getX();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
Log.i(TAG, "onTouchEvent(): ACTION_DOWN");
mFinished = mScroller.isFinished();
if(!mFinished){
return false;
}
break;
case MotionEvent.ACTION_MOVE:
Log.i(TAG, "onTouchEvent(): ACTION_MOVE");
getChildAt(1).scrollTo(-(int)x, 0);
break;
case MotionEvent.ACTION_UP:
Log.i(TAG, "onTouchEvent(): ACTION_UP");
if(!mAllowScroll){
break;
}
float width = getWidth();
// 响应滚动子View的临界值，若觉得响应过于灵敏，可以将只改大些。
// 比如：criticalWidth = width / 3或criticalWidth = width / 2，看情况而定，呵呵。
float criticalWidth = width / 5;
Log.i(TAG, "onTouchEvent(): ACTION_UP x = " + x + "\t criticalWidth = " + criticalWidth);
int scrollX = getChildAt(1).getScrollX();
if ( x < criticalWidth) {
Log.i(TAG, "onTouchEvent(): ACTION_UP 向左滑动");
mPanelInvisible = false;
mScroller.startScroll(scrollX, 0, -scrollX, 0, ANIMATION_DURATION_TIME);
invalidate();
} else if ( x > criticalWidth){
Log.i(TAG, "onTouchEvent(): ACTION_UP 向右滑动");
mPanelInvisible = true;
int toX = (int)(width - Math.abs(scrollX) - mHandlebarWidth);
mScroller.startScroll(scrollX, 0, -toX, 0, ANIMATION_DURATION_TIME);
invalidate();
}
break;
case MotionEvent.ACTION_CANCEL:
Log.i(TAG, "onTouchEvent(): ACTION_CANCEL");
break;
default:
break;
}
return super.onTouchEvent(event);
}
@Override
public void computeScroll() {
// super.computeScroll();
if(mScroller.computeScrollOffset()){
this.getChildAt(1).scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
this.postInvalidate();
}
}
/**
* 向右滑动View，让左侧操作面饭可见
*/
public void slideToRight() {
mFinished = mScroller.isFinished();
if(mFinished && !mPanelInvisible){
mPanelInvisible = true;
float width = getWidth();
int scrollX = getChildAt(1).getScrollX();
int toX = (int)(width - Math.abs(scrollX) - mHandlebarWidth);
mScroller.startScroll(scrollX, 0, -toX, 0, ANIMATION_DURATION_TIME);
invalidate();
}
}
/**
* View滑动事件监听器
* @author android_ls
*/
public interface OnSlideListener {
/**
* 向左滑动子View
*/
public abstract void toLeft();
/**
* 向右滑动子View
*/
public abstract void toRight();
}
}
测试的Activity源码如下：
package com.everyone.android.ui;
import android.os.Bundle;
import android.view.ViewGroup.LayoutParams;
import com.everyone.android.AppBaseActivity;
import com.everyone.android.widget.FreshNewsLayout;
import com.everyone.android.widget.HorizontalScrollerContainer;
import com.everyone.android.widget.HorizontalScrollerContainer.OnSlideListener;
import com.everyone.android.widget.LeftPanelLayout;
/**
* 功能描述：应用主界面
* @author android_ls
*
*/
public class EveryoneActivity extends AppBaseActivity implements OnSlideListener {
/**
* 滚动（滑动）容器
*/
private HorizontalScrollerContainer mSlideContainer;
/**
* 左侧面板
*/
private LeftPanelLayout mLeftPanelLayout;
/**
* 新鲜事
*/
private FreshNewsLayout mFreshNewsLayout;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(mSlideContainer);
}
@Override
protected int getLayoutId() {
return 0;
}
@Override
protected void setupView() {
mSlideContainer = new HorizontalScrollerContainer(mContext);
mLeftPanelLayout = new LeftPanelLayout(mContext);
mFreshNewsLayout = new FreshNewsLayout(mContext);
mFreshNewsLayout.setOnSlideListener(this);
LayoutParams layoutParams = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
mSlideContainer.addView(mLeftPanelLayout, layoutParams);
mSlideContainer.addView(mFreshNewsLayout, layoutParams);
}
@Override
protected void initialized() {
// TODO Auto-generated method stub
}
@Override
public void toLeft() {
// TODO Auto-generated method stub
}
@Override
public void toRight() {
mSlideContainer.slideToRight();
}
}
运行效果图：
![[置顶] Android仿人人客户端（v5.7.1）——采用ViewGroup做父容器，实现左侧滑动菜单（三）](http://img.e-com-net.com/image/product/478f57a621934f538fbc5862b15f3ce6.jpg)