仿新浪个人信息的自定义的view

新浪微博的个人信息的布局其实在别的地方也都会有，避免歧义，放两张新浪的图看看

下面说下实现的原理：主要就是事件的分发，当控件的孩子1也是头部（下面统称为头部）显示在可见范围的时候事件分发给自定义控件（parent）自己，当滑动到头部不可见的时候事件分发给孩子3（scrollview）。

原理理解起来还是比较简单的，下面说一下步骤：

1、parent控件自己本身的滑动的实现，重写ontouch，把事件交给gestrue处理，getstrue的onscroll里面进行自己的滑动

  a、@Override
public boolean onTouchEvent(MotionEvent event) {
super.onTouchEvent(event);
detector.onTouchEvent(event);
return true;
}

  b、 public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {




               /**
                *x:要在X轴移动的距离
                *y:要在Y轴移动的距离
                */
            scrollDistance = scrollDistance + distanceY;
            Log.e(TAG, "scrollDistance"+scrollDistance);
            if(scrollDistance<0){
            scrollTo((int)getScaleX(), (int)getScaleY());
            scrollDistance = 0;
            }else if(scrollDistance>mHeadHeight){
            scrollTo((int)getScaleX(), (int)(getScaleY()+mHeadHeight));
            scrollDistance = mHeadHeight;
            if(mFangXinlangListener!=null){
            mFangXinlangListener.scrollHeadFinshed(true);
            }
            }else{
            scrollBy(0,(int)distanceY);
            }
            Log.e(TAG, "变化后的scrollDistance:"+scrollDistance);
               return true;
           }

2、点击事件的拦截和分发：当头部已经滑动到了底部的话不拦截事件，使事件传递给孩子，当头部没有滑动完的时候拦截事件，自己消费（注：onInterceptTouchEvent返回true,拦截事件，将会触发ontouchevent事件，返回FALSE，不拦截，事件传递给孩子）

public boolean onInterceptTouchEvent(MotionEvent ev) {
if(scrollDistance< mHeadHeight){
//分配给自己
Log.e(TAG, "分配給自己");
return true;
}else{
//分配给ScrollView
if(isThreeChild){
Log.e(TAG, "分配給孩子");
return false;
}else{
return true;
}
}
}

3、scrollview滑动到顶部的时候通知parent控件：

FangXinLangViewActivity.class:

child_scroll.setOnScrollChangeListener(new OnScrollChangeListener() {

@Override
public void onScrollChange(View v, int scrollX, int scrollY,
int oldScrollX, int oldScrollY) {
if(scrollY <=0){
parent_layout.invokeParen2Scroll();
Log.e(TAG, "滑到顶部了");
}
}
});

到此滑动的已经完成了，但是还要对scrollview的布局进行处理

4、在onlayout里面对scrooview进行重新布局

if(isThreeChild){
//布局scrollview的位置
getChildAt(2).layout(0, mHeadHeight+mMiddleHeight, getWidth(), getHeight()+mHeadHeight);
}

好了，到此就完全结束了，其实做这个东西只要对事件机制有所了解应该都可以做出来，分享共勉。

注：这个demo有一个bug，那就是如果头部设置的是match_parent或者头部的高度撑满一个屏幕的时候会出现中间的部分（孩子2）显示不了，欢迎探讨解决。

源码：http://download.csdn.net/detail/qq_17265737/9747956