首页 > 学院 > 开发设计 > 正文

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

2019-11-09 18:52:00
字体:
来源:转载
供稿:网友

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

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

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

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

  a、@Overridepublic 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{//分配给ScrollViewif(isThreeChild){Log.e(TAG, "分配給孩子");return false;}else{return true;}}}

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

FangXinLangViewActivity.class:

child_scroll.setOnScrollChangeListener(new OnScrollChangeListener() {@Overridepublic 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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表