相信大家對QQ側滑菜單的效果已經不陌生了吧,側滑進入個人頭像一側,進行對頭像的更改,我的收藏,QQ錢包,我的文件等一系列的操作,今天呢,主要是實現進入側滑菜單的這一效果原理進行分析.

主要思路分析

1.首先寫一個SlideMenu 繼承一個幀布局FrameLayout ,因為如果繼承自ViewGroup的話，需要我們自己來實現onMeasure方法，而該方法的實現一般比較麻煩且沒有必要，所以選擇繼承系統的已有的控件FrameLayout，不用其他控件是因為FrameLayout最輕量級

2.在布局文件中給SlideMenu添加2個子布局，分別是菜單的布局和主界面的布局

3.移動View的方法總結

通過改變View的scroll的坐標來移動：scrollTo(x,y);//滾動到指定位置scrollBy(xOffset,yOffset);//滾動多少距離通過改變View在父View中的布局的位置：offsetLeftAndRight(offset);//同時更改view的left和rightoffsetTopAndBottom(offset);//同時更改view的top和bottomlayout(l,t,r,b);

4.ViewDragHelper 類的介紹

谷歌在2013年I/O開發者大會上提出;

專門用于在ViewGroup中對子View進行拖拽處理;

在19(Android4.4)以及以上的v4包中;

本質是封裝了對觸摸事件的解析，包括觸摸位置，觸摸速度以及Scroller的封裝，只需要我們在回調方法中指定是否移動，移動多少等等，但是需要注意的是：它只是一個觸摸事件的解析類(如GestureDecetor)，所以需要我們傳遞給它觸摸事件，它才能工作;

開始創建ViewDragHelper對象

ViewDragHelper viewDragHelper = ViewDragHelper.create(this, callback);

dragHelper 只是觸摸事件的解析類,需要將觸摸事件傳遞給它才能工作

1)_觸摸事件: 將觸摸事件傳遞給VIewDragHelper 來解析

2)_判斷是否需要攔截觸摸事件

3)_初始化子view的引用

4)_初始化寬高.在onSizeChanged方法中初始化寬高，因為該方法在onMeasure之后執行

其中這里調用getMeasureWidth() 方法與分別獲取左側菜單的寬,主頁面的寬的作用是一樣的.

實現ViewDragHelper.Callback 的監聽事件

監視view的觸摸事件,這里需要考慮到,當進行滑動的時候,可能會觸碰到listview的滑動事件,所以這里通過了getViewHorizontalDragRange()方法進行強制橫向滑動,當返回值大于0 的時候,即讓它強制橫向滑動,否則在某些情況下不能水平滑動

控制垂直方向的移動

在onViewPositionChanged()方法中實現一些伴隨移動的效果

此方法可以獲取view移動的距離

如果當前移動的是main ,那么就讓menu 進行伴隨移動

移動main ,并限制main的移動

根據滑動的百分比的值,去執行伴隨的動畫 executeAnim()

松開手指進行回調,該方法會處理手指拾起的緩慢移動

執行動畫

這里考慮到了給整個SlideMenu的背景添加陰影遮罩效果,通過getBackground對是否為空時進行添加陰影遮罩效果

//對main的移動進行限制了 private int fixLeft(int newLeft) {    if (newLeft > maxLeft) {      newLeft = maxLeft;    } else if (newLeft < 0) {      newLeft = 0;    }    return newLeft;

需要定義接口回調,將SlideMenu 打開,讓滑動和關閉的事件方法暴露

//定義接口回調,將SlideMenu 打開,,滑動和關閉的事件暴露給外界  public interface onSwipeListener {    void onOpen();    void onClose();    void onDragging(float fraction); //拖拽過程中的回調  }

以上所述是小編給大家介紹的Android_UI 仿QQ側滑菜單效果的實現，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！