新浪微博的個(gè)人信息的布局其實(shí)在別的地方也都會(huì)有,避免歧義,放兩張新浪的圖看看
下面說下實(shí)現(xiàn)的原理:主要就是事件的分發(fā),當(dāng)控件的孩子1也是頭部(下面統(tǒng)稱為頭部)顯示在可見范圍的時(shí)候事件分發(fā)給自定義控件(parent)自己,當(dāng)滑動(dòng)到頭部不可見的時(shí)候事件分發(fā)給孩子3(scrollview)。

原理理解起來還是比較簡(jiǎn)單的,下面說一下步驟:
1、parent控件自己本身的滑動(dòng)的實(shí)現(xiàn),重寫ontouch,把事件交給gestrue處理,getstrue的onscroll里面進(jìn)行自己的滑動(dòng)
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軸移動(dòng)的距離 *y:要在Y軸移動(dòng)的距離 */ 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、點(diǎn)擊事件的攔截和分發(fā):當(dāng)頭部已經(jīng)滑動(dòng)到了底部的話不攔截事件,使事件傳遞給孩子,當(dāng)頭部沒有滑動(dòng)完的時(shí)候攔截事件,自己消費(fèi)(注:onInterceptTouchEvent返回true,攔截事件,將會(huì)觸發(fā)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滑動(dòng)到頂部的時(shí)候通知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, "滑到頂部了");}}});
到此滑動(dòng)的已經(jīng)完成了,但是還要對(duì)scrollview的布局進(jìn)行處理
4、在onlayout里面對(duì)scrooview進(jìn)行重新布局
if(isThreeChild){//布局scrollview的位置getChildAt(2).layout(0, mHeadHeight+mMiddleHeight, getWidth(), getHeight()+mHeadHeight);}
好了,到此就完全結(jié)束了,其實(shí)做這個(gè)東西只要對(duì)事件機(jī)制有所了解應(yīng)該都可以做出來,分享共勉。
注:這個(gè)demo有一個(gè)bug,那就是如果頭部設(shè)置的是match_parent或者頭部的高度撐滿一個(gè)屏幕的時(shí)候會(huì)出現(xiàn)中間的部分(孩子2)顯示不了,歡迎探討解決。
源碼:http://download.csdn.net/detail/QQ_17265737/9747956
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注