ym——Android仿QQ5.0側滑菜單ResideMenu源碼分析

AndroidResideMenu html

github:https://github.com/SpecialCyCi/AndroidResideMenu  csdn:http://download.csdn.net/detail/cym492224103/7887801 java

先看看如何使用: android

把項目源碼下載下來導入工程,能夠看到 git

ResideMenu爲引用工程,再看看如何使用這個引用工程來構建出ResideMenu, github

1.先new一個ResideMenu對象 ide

[java]  view plain copy print ?
  1. resideMenu = new ResideMenu(this);  
2.設置它的背景圖片
[java]  view plain copy print ?
  1. resideMenu.setBackground(R.drawable.menu_background);  
3.綁定當前Activity
[java]  view plain copy print ?
  1. resideMenu.attachToActivity(this);  
4.設置監聽
[java]  view plain copy print ?
  1. resideMenu.setMenuListener(menuListener);  
能夠監聽菜單打開和關閉狀態
[java]  view plain copy print ?
  1. private ResideMenu.OnMenuListener menuListener = new ResideMenu.OnMenuListener() {  
  2.     @Override  
  3.     public void openMenu() {  
  4.         Toast.makeText(mContext, "Menu is opened!", Toast.LENGTH_SHORT).show();  
  5.     }  
  6.   
  7.     @Override  
  8.     public void closeMenu() {  
  9.         Toast.makeText(mContext, "Menu is closed!", Toast.LENGTH_SHORT).show();  
  10.     }  
  11. };  
5.設置內容縮放比例(0.1~1f)
[java]  view plain copy print ?
  1. //valid scale factor is between 0.0f and 1.0f. leftmenu'width is 150dip.   
  2.         resideMenu.setScaleValue(0.6f);  
6.建立子菜單
[java]  view plain copy print ?
  1. // create menu items;  
  2.        itemHome     = new ResideMenuItem(this, R.drawable.icon_home,     "Home");  
  3.        itemProfile  = new ResideMenuItem(this, R.drawable.icon_profile,  "Profile");  
  4.        itemCalendar = new ResideMenuItem(this, R.drawable.icon_calendar, "Calendar");  
  5.        itemSettings = new ResideMenuItem(this, R.drawable.icon_settings, "Settings");  
7.設置點擊事件及將剛建立的子菜單添加到側換菜單中(能夠看到它是經過常量來控制子菜單的添加位置)
[java]  view plain copy print ?
  1. itemHome.setOnClickListener(this);  
  2.         itemProfile.setOnClickListener(this);  
  3.         itemCalendar.setOnClickListener(this);  
  4.         itemSettings.setOnClickListener(this);  
  5.   
  6.         resideMenu.addMenuItem(itemHome, ResideMenu.DIRECTION_LEFT);  
  7.         resideMenu.addMenuItem(itemProfile, ResideMenu.DIRECTION_LEFT);  
  8.         resideMenu.addMenuItem(itemCalendar, ResideMenu.DIRECTION_RIGHT);  
  9.         resideMenu.addMenuItem(itemSettings, ResideMenu.DIRECTION_RIGHT);  
8.設置title按鈕的點擊事件,設置左右菜單的開關
[java]  view plain copy print ?
  1. // You can disable a direction by setting ->  
  2.         // resideMenu.setSwipeDirectionDisable(ResideMenu.DIRECTION_RIGHT);  
  3.   
  4.         findViewById(R.id.title_bar_left_menu).setOnClickListener(new View.OnClickListener() {  
  5.             @Override  
  6.             public void onClick(View view) {  
  7.                 resideMenu.openMenu(ResideMenu.DIRECTION_LEFT);  
  8.             }  
  9.         });  
  10.         findViewById(R.id.title_bar_right_menu).setOnClickListener(new View.OnClickListener() {  
  11.             @Override  
  12.             public void onClick(View view) {  
  13.                 resideMenu.openMenu(ResideMenu.DIRECTION_RIGHT);  
  14.             }  
  15.         });  
9.還重寫了dispatchTouchEvent
[java]  view plain copy print ?
  1. @Override  
  2.     public boolean dispatchTouchEvent(MotionEvent ev) {  
  3.         return resideMenu.dispatchTouchEvent(ev);  
  4.     }  
10.菜單關閉方法
[java]  view plain copy print ?
  1. resideMenu.closeMenu();  

11.屏蔽菜單方法 函數

[java]  view plain copy print ?
  1. // You can disable a direction by setting ->  
  2.         // resideMenu.setSwipeDirectionDisable(ResideMenu.DIRECTION_RIGHT);  

使用方法已經說完了,接下來,看看它的源碼,先看看源碼的項目結構。 源碼分析


不少人初學者都曾糾結,看源碼,如何從何看起,我我的建議從上面使用的順序看起,而且在看的時候要帶個問題去看去思考,這樣更容易理解。 佈局

上面的第一步是,建立ResideMenu對象,咱們就看看ResideMenu的構造。 學習

[java]  view plain copy print ?
  1. public ResideMenu(Context context) {  
  2.         super(context);  
  3.         initViews(context);  
  4.     }  
從上面代碼,看到構造裏面就一個初始化view,思考問題:如何初始化view及初始化了什麼view。
[java]  view plain copy print ?
  1. private void initViews(Context context){  
  2.         LayoutInflater inflater = (LayoutInflater)  
  3.                 context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
  4.         inflater.inflate(R.layout.residemenu, this);  
  5.         scrollViewLeftMenu = (ScrollView) findViewById(R.id.sv_left_menu);  
  6.         scrollViewRightMenu = (ScrollView) findViewById(R.id.sv_right_menu);  
  7.         imageViewShadow = (ImageView) findViewById(R.id.iv_shadow);  
  8.         layoutLeftMenu = (LinearLayout) findViewById(R.id.layout_left_menu);  
  9.         layoutRightMenu = (LinearLayout) findViewById(R.id.layout_right_menu);  
  10.         imageViewBackground = (ImageView) findViewById(R.id.iv_background);  
  11.     }  
原理分析:從上面的代碼能夠看到,加載了一個residemenu的佈局,先看佈局
[java]  view plain copy print ?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.   
  3. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.               android:layout_width="match_parent"  
  5.               android:layout_height="match_parent">  
  6.     <ImageView  
  7.             android:id="@+id/iv_background"  
  8.             android:adjustViewBounds="true"  
  9.             android:scaleType="centerCrop"  
  10.             android:layout_width="match_parent"  
  11.             android:layout_height="match_parent"/>  
  12.   
  13.     <ImageView  
  14.             android:id="@+id/iv_shadow"  
  15.             android:background="@drawable/shadow"  
  16.             android:layout_width="fill_parent"  
  17.             android:layout_height="fill_parent"  
  18.             android:scaleType="fitXY"/>  
  19.   
  20.     <ScrollView  
  21.             android:id="@+id/sv_left_menu"  
  22.             android:scrollbars="none"  
  23.             android:paddingLeft="30dp"  
  24.             android:layout_width="150dp"  
  25.             android:layout_height="fill_parent">  
  26.         <LinearLayout  
  27.                 android:id="@+id/layout_left_menu"  
  28.                 android:orientation="vertical"  
  29.                 android:layout_gravity="center_vertical"  
  30.                 android:layout_width="wrap_content"  
  31.                 android:layout_height="wrap_content">  
  32.   
  33.         </LinearLayout>  
  34.     </ScrollView>  
  35.   
  36.     <ScrollView  
  37.             android:id="@+id/sv_right_menu"  
  38.             android:scrollbars="none"  
  39.             android:paddingRight="30dp"  
  40.             android:layout_width="150dp"  
  41.             android:layout_height="fill_parent"  
  42.             android:layout_gravity="right">  
  43.         <LinearLayout  
  44.                 android:id="@+id/layout_right_menu"  
  45.                 android:orientation="vertical"  
  46.                 android:layout_gravity="center_vertical"  
  47.                 android:layout_width="wrap_content"  
  48.                 android:layout_height="wrap_content"  
  49.                 android:gravity="right">  
  50.   
  51.         </LinearLayout>  
  52.     </ScrollView>  
  53.   
  54. </FrameLayout>  
佈局顯示效果


從佈局文件,以及顯示效果咱們能夠看到,它是一個幀佈局,第一個ImageView是背景,第二個ImageView是.9的陰影效果的圖片(看下面的圖),

兩個(ScrollView包裹着一個LinerLayout),能夠從上面圖看到結構分別是左菜單和右菜單

[java]  view plain copy print ?
  1. <img src="http://img.blog.csdn.net/20140910100807704?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3ltNDkyMjI0MTAz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="font-family: Arial; background-color: rgb(255, 255, 255);" alt="" />  

1.初始化佈局以及佈局文件分析完畢,2.接下來是設置背景圖,初始化view的時候就已經拿到了背景控件,因此設置背景圖也是很是好實現的事情了。

[java]  view plain copy print ?
  1. public void setBackground(int imageResrouce){  
  2.        imageViewBackground.setImageResource(imageResrouce);  
  3.    }  
3.綁定activity,思考問題:它作了什麼?
[java]  view plain copy print ?
  1. /** 
  2.   * use the method to set up the activity which residemenu need to show; 
  3.   * 
  4.   * @param activity 
  5.   */  
  6.  public void attachToActivity(Activity activity){  
  7.      initValue(activity);  
  8.      setShadowAdjustScaleXByOrientation();  
  9.      viewDecor.addView(this0);  
  10.      setViewPadding();  
  11.  }  
原理分析:綁定activity作了4件事情,分別是:

1.初始化參數:

[java]  view plain copy print ?
  1. private void initValue(Activity activity){  
  2.     this.activity   = activity;  
  3.     leftMenuItems   = new ArrayList<ResideMenuItem>();  
  4.     rightMenuItems  = new ArrayList<ResideMenuItem>();  
  5.     ignoredViews    = new ArrayList<View>();  
  6.     viewDecor = (ViewGroup) activity.getWindow().getDecorView();  
  7.     viewActivity = new TouchDisableView(this.activity);  
  8.   
  9.     View mContent   = viewDecor.getChildAt(0);  
  10.     viewDecor.removeViewAt(0);  
  11.     viewActivity.setContent(mContent);  
  12.     addView(viewActivity);  
  13.   
  14.     ViewGroup parent = (ViewGroup) scrollViewLeftMenu.getParent();  
  15.     parent.removeView(scrollViewLeftMenu);  
  16.     parent.removeView(scrollViewRightMenu);  
  17. }  

2.正對橫豎屏縮放比例進行調整

[java]  view plain copy print ?
  1. private void setShadowAdjustScaleXByOrientation(){  
  2.       int orientation = getResources().getConfiguration().orientation;  
  3.       if (orientation == Configuration.ORIENTATION_LANDSCAPE) {  
  4.           shadowAdjustScaleX = 0.034f;  
  5.           shadowAdjustScaleY = 0.12f;  
  6.       } else if (orientation == Configuration.ORIENTATION_PORTRAIT) {  
  7.           shadowAdjustScaleX = 0.06f;  
  8.           shadowAdjustScaleY = 0.07f;  
  9.       }  
  10.   }  

3.添加當前view

[java]  view plain copy print ?
  1. viewDecor.addView(this0);  

4.設置view邊距

[java]  view plain copy print ?
  1. /** 
  2.      * we need the call the method before the menu show, because the 
  3.      * padding of activity can't get at the moment of onCreateView(); 
  4.      */  
  5.     private void setViewPadding(){  
  6.         this.setPadding(viewActivity.getPaddingLeft(),  
  7.                 viewActivity.getPaddingTop(),  
  8.                 viewActivity.getPaddingRight(),  
  9.                 viewActivity.getPaddingBottom());  
  10.     }  
4.設置監聽,思考問題:它何時調用監聽,原理分析:動畫監聽開始執行動畫掉哦那個openMenu動畫結束調用closeMenu,今後咱們能夠想到,但它調用openMenu( int  direction)和closeMenu()都會設置這個監聽。
[java]  view plain copy print ?
  1. private Animator.AnimatorListener animationListener = new Animator.AnimatorListener() {  
  2.         @Override  
  3.         public void onAnimationStart(Animator animation) {  
  4.             if (isOpened()){  
  5.                 showScrollViewMenu();  
  6.                 if (menuListener != null)  
  7.                     menuListener.openMenu();  
  8.             }  
  9.         }  
  10.   
  11.         @Override  
  12.         public void onAnimationEnd(Animator animation) {  
  13.             // reset the view;  
  14.             if(isOpened()){  
  15.                 viewActivity.setTouchDisable(true);  
  16.                 viewActivity.setOnClickListener(viewActivityOnClickListener);  
  17.             }else{  
  18.                 viewActivity.setTouchDisable(false);  
  19.                 viewActivity.setOnClickListener(null);  
  20.                 hideScrollViewMenu();  
  21.                 if (menuListener != null)  
  22.                     menuListener.closeMenu();  
  23.             }  
  24.         }  
  25.   
  26.         @Override  
  27.         public void onAnimationCancel(Animator animation) {  
  28.   
  29.         }  
  30.   
  31.         @Override  
  32.         public void onAnimationRepeat(Animator animation) {  
  33.   
  34.         }  
  35.     };  
5. 設置內容縮放比例(0.1~1f),細心的同窗會發如今當縮完成後還能夠在往裏面拉到更小,有種彈性的感受,挺有趣的。可是有些人的需求不想要有這種彈性效果,咱們能夠經過修改源碼修改這個彈性效果,找到getTargetScale這個方法,修改下面0.5這個數值。使用時設置了0.6的縮放比例,默認下面的彈性參數是0.5因此咱們當縮完成後還能夠在往裏面拉0.1的比例。

[java]  view plain copy print ?
  1. private float getTargetScale(float currentRawX){  
  2.     float scaleFloatX = ((currentRawX - lastRawX) / getScreenWidth()) * 0.75f;  
  3.     scaleFloatX = scaleDirection == DIRECTION_RIGHT ? - scaleFloatX : scaleFloatX;  
  4.   
  5.     float targetScale = ViewHelper.getScaleX(viewActivity) - scaleFloatX;  
  6.     targetScale = targetScale > 1.0f ? 1.0f : targetScale;  
  7.     targetScale = targetScale < 0.5f ? 0.5f : targetScale;  
  8.     return targetScale;  
  9. }  

默認縮放比例:

[java]  view plain copy print ?
  1. //valid scale factor is between 0.0f and 1.0f.  
  2.    private float mScaleValue = 0.5f;  
[java]  view plain copy print ?
  1. AnimatorSet scaleDown_activity = buildScaleDownAnimation(viewActivity, mScaleValue, mScaleValue);  
[java]  view plain copy print ?
  1. /** 
  2.      * a helper method to build scale down animation; 
  3.      * 
  4.      * @param target 
  5.      * @param targetScaleX 
  6.      * @param targetScaleY 
  7.      * @return 
  8.      */  
  9.     private AnimatorSet buildScaleDownAnimation(View target,float targetScaleX,float targetScaleY){  
  10.   
  11.         AnimatorSet scaleDown = new AnimatorSet();  
  12.         scaleDown.playTogether(  
  13.                 ObjectAnimator.ofFloat(target, "scaleX", targetScaleX),  
  14.                 ObjectAnimator.ofFloat(target, "scaleY", targetScaleY)  
  15.         );  
  16.   
  17.         scaleDown.setInterpolator(AnimationUtils.loadInterpolator(activity,  
  18.                 android.R.anim.decelerate_interpolator));  
  19.         scaleDown.setDuration(250);  
  20.         return scaleDown;  
  21.     }  
6.建立子菜單,看下子菜單的構造,咱們經過上面的學習,原理分析:咱們能夠猜想到,無非就是加載佈局設置內容
[java]  view plain copy print ?
  1. public ResideMenuItem(Context context, int icon, String title) {  
  2.         super(context);  
  3.         initViews(context);  
  4.         iv_icon.setImageResource(icon);  
  5.         tv_title.setText(title);  
  6.     }  
  7.   
  8.     private void initViews(Context context){  
  9.         LayoutInflater inflater=(LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
  10.         inflater.inflate(R.layout.residemenu_item, this);  
  11.         iv_icon = (ImageView) findViewById(R.id.iv_icon);  
  12.         tv_title = (TextView) findViewById(R.id.tv_title);  
  13.     }  
佈局文件:
[html]  view plain copy print ?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.   
  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.               android:orientation="horizontal"  
  5.               android:layout_width="match_parent"  
  6.               android:layout_height="wrap_content"  
  7.               android:gravity="center_vertical"  
  8.               android:paddingTop="30dp">  
  9.   
  10.     <ImageView  
  11.             android:layout_width="30dp"  
  12.             android:layout_height="30dp"  
  13.             android:scaleType="centerCrop"  
  14.             android:id="@+id/iv_icon"/>  
  15.   
  16.     <TextView  
  17.             android:layout_width="match_parent"  
  18.             android:layout_height="wrap_content"  
  19.             android:textColor="@android:color/white"  
  20.             android:textSize="18sp"  
  21.             android:layout_marginLeft="10dp"  
  22.             android:id="@+id/tv_title"/>  
  23.   
  24. </LinearLayout>  

顯示效果圖:

7.子菜單添加到側換菜單中(能夠看到它是經過常量來控制子菜單的添加位置)原理分析:根據不一樣的常量來區分添加不一樣菜單的子菜單
[java]  view plain copy print ?
  1. /** 
  2.     * add a single items; 
  3.     * 
  4.     * @param menuItem 
  5.     * @param direction 
  6.     */  
  7.    public void addMenuItem(ResideMenuItem menuItem, int direction){  
  8.        if (direction == DIRECTION_LEFT){  
  9.            this.leftMenuItems.add(menuItem);  
  10.            layoutLeftMenu.addView(menuItem);  
  11.        }else{  
  12.            this.rightMenuItems.add(menuItem);  
  13.            layoutRightMenu.addView(menuItem);  
  14.        }  
  15.    }  
8.設置title按鈕的點擊事件,設置左右菜單的開關,原理分析:先設置了縮放方向而後在設置動畫,正如咱們上面想的同樣還設置了動畫監聽。
[java]  view plain copy print ?
  1. /** 
  2.  * show the reside menu; 
  3.  */  
  4. public void openMenu(int direction){  
  5.   
  6.     setScaleDirection(direction);  
  7.   
  8.     isOpened = true;  
  9.     AnimatorSet scaleDown_activity = buildScaleDownAnimation(viewActivity, mScaleValue, mScaleValue);  
  10.     AnimatorSet scaleDown_shadow = buildScaleDownAnimation(imageViewShadow,  
  11.             mScaleValue + shadowAdjustScaleX, mScaleValue + shadowAdjustScaleY);  
  12.     AnimatorSet alpha_menu = buildMenuAnimation(scrollViewMenu, 1.0f);  
  13.     scaleDown_shadow.addListener(animationListener);  
  14.     scaleDown_activity.playTogether(scaleDown_shadow);  
  15.     scaleDown_activity.playTogether(alpha_menu);  
  16.     scaleDown_activity.start();  
  17. }  
設置縮放方向及計算x,y軸位置。
[java]  view plain copy print ?
  1. private void setScaleDirection(int direction){  
  2.   
  3.     int screenWidth = getScreenWidth();  
  4.     float pivotX;  
  5.     float pivotY = getScreenHeight() * 0.5f;  
  6.   
  7.     if (direction == DIRECTION_LEFT){  
  8.         scrollViewMenu = scrollViewLeftMenu;  
  9.         pivotX  = screenWidth * 1.5f;  
  10.     }else{  
  11.         scrollViewMenu = scrollViewRightMenu;  
  12.         pivotX  = screenWidth * -0.5f;  
  13.     }  
  14.   
  15.     ViewHelper.setPivotX(viewActivity, pivotX);  
  16.     ViewHelper.setPivotY(viewActivity, pivotY);  
  17.     ViewHelper.setPivotX(imageViewShadow, pivotX);  
  18.     ViewHelper.setPivotY(imageViewShadow, pivotY);  
  19.     scaleDirection = direction;  
  20. }  
9.重寫 dispatchTouchEvent,問題思考:如何到根據手指滑動自動縮放

若是還不瞭解,dispatchTouchEvent這個函數如何調用?何時調用?請先看看http://blog.csdn.net/cym492224103/article/details/39179311

[java]  view plain copy print ?
  1. @Override  
  2. public boolean dispatchTouchEvent(MotionEvent ev) {  
  3.     float currentActivityScaleX = ViewHelper.getScaleX(viewActivity);  
  4.     if (currentActivityScaleX == 1.0f)  
  5.         setScaleDirectionByRawX(ev.getRawX());  
  6.   
  7.     switch (ev.getAction()){  
  8.         case MotionEvent.ACTION_DOWN:  
  9.             lastActionDownX = ev.getX();  
  10.             lastActionDownY = ev.getY();  
  11.             isInIgnoredView = isInIgnoredView(ev) && !isOpened();  
  12.             pressedState    = PRESSED_DOWN;  
  13.             break;  
  14.   
  15.         case MotionEvent.ACTION_MOVE:  
  16.             if (isInIgnoredView || isInDisableDirection(scaleDirection))  
  17.                 break;  
  18.   
  19.             if(pressedState != PRESSED_DOWN &&  
  20.                     pressedState != PRESSED_MOVE_HORIZANTAL)  
  21.                 break;  
  22.   
  23.             int xOffset = (int) (ev.getX() - lastActionDownX);  
  24.             int yOffset = (int) (ev.getY() - lastActionDownY);  
  25.   
  26.             if(pressedState == PRESSED_DOWN) {  
  27.                 if(yOffset > 25 || yOffset < -25) {  
  28.                     pressedState = PRESSED_MOVE_VERTICAL;  
  29.                     break;  
  30.                 }  
  31.                 if(xOffset < -50 || xOffset > 50) {  
  32.                     pressedState = PRESSED_MOVE_HORIZANTAL;  
  33.                     ev.setAction(MotionEvent.ACTION_CANCEL);  
  34.                 }  
  35.             } else if(pressedState == PRESSED_MOVE_HORIZANTAL) {  
  36.                 if (currentActivityScaleX < 0.95)  
  37.                     showScrollViewMenu();  
  38.   
  39.                 float targetScale = getTargetScale(ev.getRawX());  
  40.                 ViewHelper.setScaleX(viewActivity, targetScale);  
  41.                 ViewHelper.setScaleY(viewActivity, targetScale);  
  42.                 ViewHelper.setScaleX(imageViewShadow, targetScale + shadowAdjustScaleX);  
  43.                 ViewHelper.setScaleY(imageViewShadow, targetScale + shadowAdjustScaleY);  
  44.                 ViewHelper.setAlpha(scrollViewMenu, (1 - targetScale) * 2.0f);  
  45.   
  46.                 lastRawX = ev.getRawX();  
  47.                 return true;  
  48.             }  
  49.   
  50.             break;  
  51.   
  52.         case MotionEvent.ACTION_UP:  
  53.   
  54.             if (isInIgnoredView) break;  
  55.             if (pressedState != PRESSED_MOVE_HORIZANTAL) break;  
  56.   
  57.             pressedState = PRESSED_DONE;  
  58.             if (isOpened()){  
  59.                 if (currentActivityScaleX > 0.56f)  
  60.                     closeMenu();  
  61.                 else  
  62.                     openMenu(scaleDirection);  
  63.             }else{  
  64.                 if (currentActivityScaleX < 0.94f){  
  65.                     openMenu(scaleDirection);  
  66.                 }else{  
  67.                     closeMenu();  
  68.                 }  
  69.             }  
  70.   
  71.             break;  
  72.   
  73.     }  
  74.     lastRawX = ev.getRawX();  
  75.     return super.dispatchTouchEvent(ev);  
  76. }  
上面代碼量有點多,看上去有點暈,接下來咱們來分別從按下、移動、放開、來原理分析:

MotionEvent.ACTION_DOWN:

記錄了X,Y軸的座標點,判斷是否打開,設置了按下的狀態爲PRESSED_DOWN

MotionEvent.ACTION_MOVE:

拿到當前X,Y減去DOWN下記錄下來的X,Y,這樣獲得了移動的X,Y,

而後判斷若是若是移動的X,Y大於25或者小於-25就改變按下狀態爲PRESSED_MOVE_VERTICAL

若是移動的X,Y大於50或者小於-50就改變狀態爲PRESSED_MOVE_HORIZANTAL

狀態爲PRESSED_MOVE_HORIZANTAL就改變菜單主視圖內容以及陰影圖片大小,在改變的同時還設置了當前菜單的透明度。

MotionEvent.ACTION_UP:

判斷是否菜單是否打開狀態,在獲取當前縮放的X比例,

判斷比例小於0.56f,則關閉菜單,反正開啓菜單。

看完後,咱們在回去看看代碼,就會發現其實也不過如此~!

10.菜單關閉方法,一樣也設置了動畫監聽以前的想法也是成立的。

[java]  view plain copy print ?
  1. /** 
  2.     * close the reslide menu; 
  3.     */  
  4.    public void closeMenu(){  
  5.   
  6.        isOpened = false;  
  7.        AnimatorSet scaleUp_activity = buildScaleUpAnimation(viewActivity, 1.0f, 1.0f);  
  8.        AnimatorSet scaleUp_shadow = buildScaleUpAnimation(imageViewShadow, 1.0f, 1.0f);  
  9.        AnimatorSet alpha_menu = buildMenuAnimation(scrollViewMenu, 0.0f);  
  10.        scaleUp_activity.addListener(animationListener);  
  11.        scaleUp_activity.playTogether(scaleUp_shadow);  
  12.        scaleUp_activity.playTogether(alpha_menu);  
  13.        scaleUp_activity.start();  
  14.    }  
11.屏蔽菜單方法

[java]  view plain copy print ?
  1. public void setSwipeDirectionDisable(int direction){  
  2.         disabledSwipeDirection.add(direction);  
  3.     }  
[java]  view plain copy print ?
  1. private boolean isInDisableDirection(int direction){  
  2.         return disabledSwipeDirection.contains(direction);  
  3.     }  
原理分析:在重寫 dispatchTouchEvent的時候,細心的同窗應該會看到, ACTION_MOVE下面有個判斷
[java]  view plain copy print ?
  1. if (isInIgnoredView || isInDisableDirection(scaleDirection))  
若是這個方向的菜單被屏蔽了,就滑不出來了。

最後咱們會發現咱們一直都沒說到TouchDisableView,其實initValue的時候就初始化了,它就是viewActivity,是咱們的內容視圖。

咱們來看看它作了什麼?

[java]  view plain copy print ?
  1. @Override  
  2.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
  3.   
  4.         int width = getDefaultSize(0, widthMeasureSpec);  
  5.         int height = getDefaultSize(0, heightMeasureSpec);  
  6.         setMeasuredDimension(width, height);  
  7.   
  8.         final int contentWidth = getChildMeasureSpec(widthMeasureSpec, 0, width);  
  9.         final int contentHeight = getChildMeasureSpec(heightMeasureSpec, 0, height);  
  10.         mContent.measure(contentWidth, contentHeight);  
  11.     }  
  12.   
  13.     @Override  
  14.     protected void onLayout(boolean changed, int l, int t, int r, int b) {  
  15.         final int width = r - l;  
  16.         final int height = b - t;  
  17.         mContent.layout(00, width, height);  
  18.     }  
  19.   
  20.     @Override  
  21.     public boolean onInterceptTouchEvent(MotionEvent ev) {  
  22.         return mTouchDisabled;  
  23.     }  
  24.   
  25.     void setTouchDisable(boolean disableTouch) {  
  26.         mTouchDisabled = disableTouch;  
  27.     }  
  28.   
  29.     boolean isTouchDisabled() {  
  30.         return mTouchDisabled;  
  31.     }  
動態設置寬高,設置事件是否傳遞下去的flag。

好了,源碼分析已完畢,喜歡這篇文章的就請關注我吧~!

相關文章
相關標籤/搜索