本文實(shí)例為大家分享了Android使用DrawerLayout仿QQ6.0雙側(cè)滑菜單的具體代碼，供大家參考，具體內(nèi)容如下
上面是效果圖。
相關(guān)實(shí)現(xiàn)的源碼和文章網(wǎng)上已經(jīng)很多了，比較流行的做法分別是使用 FrameLayout, HorizontalScrollView或者是DrawerLayout
其實(shí)要實(shí)現(xiàn)QQ 6.X版本側(cè)滑效果最好的方案是使用HorizontalScrollView，因?yàn)樽髠?cè)菜單的透視效果在DrawerLayout下無法實(shí)現(xiàn)，或者說實(shí)現(xiàn)起來很麻煩，所以在這里我們還是先介紹使用DrawerLayout來制作效果，畢竟是官方給的控件，優(yōu)化方面不需要我們自己操心了。
先上布局代碼：
activity_side_menu.xml
關(guān)于DrawerLayout相信大家已經(jīng)有一定了解了，第一個(gè)子視圖是主界面，后面兩個(gè)Fragment是左右菜單，通過Gravity來確實(shí)在左邊還是右邊。從這里我們可以看出，菜單欄一定是顯示在主界面上面的，所以，QQ6.0的菜單透視效果這里無法實(shí)現(xiàn)，因?yàn)椴藛螜跁?huì)覆蓋掉主界面的一部分內(nèi)容。對(duì)主界面的layout調(diào)用bringToFront的話，會(huì)讓界面失去滑動(dòng)效果，如果哪位朋友有解決方案，歡迎指導(dǎo)。
<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_side_menu" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.luna.sidemenuactivity.SideMenuActivity"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/main_content" android:scaleType="centerCrop"/> <Button android:id="@+id/btn_openleft" android:layout_width="60dp" android:layout_height="60dp" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:background="@android:color/transparent" android:onClick="openLeftSideMenu" /> <Button android:id="@+id/btn_openright" android:layout_width="50dp" android:layout_height="50dp" android:layout_alignParentTop="true" android:layout_alignParentRight="true" android:background="@android:color/transparent" android:onClick="openRightSideMenu" /> </RelativeLayout> <fragment android:id="@+id/id_left_menu" android:name="com.luna.sidemenuactivity.LeftMenuFragment" android:layout_width="300dp" android:layout_height="match_parent" android:layout_gravity="start" android:tag="LEFT" /> <fragment android:id="@+id/id_right_menu" android:name="com.luna.sidemenuactivity.RightMenuFragment" android:layout_width="100dp" android:layout_height="match_parent" android:layout_gravity="end" android:tag="RIGHT" /></android.support.v4.widget.DrawerLayout>
左右側(cè)的滑動(dòng)菜單我是直接用了一張圖片來代替，代碼很簡單，這里我就不貼出來了。
SideMenuActivity.java
DrawerLayout默認(rèn)的可滑動(dòng)范圍是46dp，所以在這里，我調(diào)用setDrawerLeftEdgeSize方法通過反射重新設(shè)置了可滑動(dòng)區(qū)域，設(shè)置為屏幕寬度的60%，不過這個(gè)方法有個(gè)缺陷，就是滑動(dòng)的時(shí)候速度不是很均勻，如果要完善的話，可以通過重寫DrawerLayout的源代碼來解決，不過目前可以先用這種方案折中一下。
package com.luna.sidemenuactivity; import android.app.Activity;import android.os.Bundle;import android.support.v4.view.GravityCompat;import android.support.v4.widget.DrawerLayout;import android.support.v4.widget.ViewDragHelper;import android.support.v7.app.AppCompatActivity;import android.util.DisplayMetrics;import android.util.Log;import android.view.View; import com.nineoldandroids.view.ViewHelper; import java.lang.reflect.Field; public class SideMenuActivity extends AppCompatActivity { DrawerLayout activity_side_menu; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_side_menu); initView(); initEvent(); } //初始化界面控件 void initView() { activity_side_menu = (DrawerLayout) findViewById(R.id.activity_side_menu); activity_side_menu.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED, GravityCompat.END); setDrawerLeftEdgeSize(this, activity_side_menu, 0.6f); //設(shè)置屏幕左邊的60%區(qū)域?yàn)榭苫瑒?dòng)區(qū)域 } //初始化抽屜層監(jiān)聽 private void initEvent() { //setDrawerListener已經(jīng)廢棄，請(qǐng)使用addDrawerListener activity_side_menu.addDrawerListener(new myDrawListener()); } /** * 抽屜滑動(dòng)范圍控制 */ private void setDrawerLeftEdgeSize(Activity activity, DrawerLayout drawerLayout, float displayWidthPercentage) { if (activity == null || drawerLayout == null) return; try { // 通過反射獲取到DrawerLayout的mLeftDragger屬性 Field leftDraggerField = drawerLayout.getClass().getDeclaredField("mLeftDragger"); leftDraggerField.setAccessible(true); ViewDragHelper leftDragger = (ViewDragHelper) leftDraggerField.get(drawerLayout); // 找到 edgesize 并設(shè)置為 accessible Field edgeSizeField = leftDragger.getClass().getDeclaredField("mEdgeSize"); edgeSizeField.setAccessible(true); int edgeSize = edgeSizeField.getInt(leftDragger); // 重新設(shè)置 edgesize ，以屏幕寬度為比例 DisplayMetrics dm = new DisplayMetrics(); activity.getWindowManager().getDefaultDisplay().getMetrics(dm); edgeSizeField.setInt(leftDragger, Math.max(edgeSize, (int) (dm.widthPixels * displayWidthPercentage))); } catch (NoSuchFieldException e) { Log.e("NoSuchFieldException", e.getMessage()); } catch (IllegalArgumentException e) { Log.e("IllegalArgumentExp", e.getMessage()); } catch (IllegalAccessException e) { Log.e("IllegalAccessException", e.getMessage()); } } public void openLeftSideMenu(View view) { activity_side_menu.openDrawer(GravityCompat.START); } public void openRightSideMenu(View view) { activity_side_menu.openDrawer(GravityCompat.END); activity_side_menu.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED, GravityCompat.END); } //自定義抽屜監(jiān)聽器 class myDrawListener implements DrawerLayout.DrawerListener { @Override public void onDrawerSlide(View drawerView, float slideOffset) { View mContent = activity_side_menu.getChildAt(0); float Scale = 0.5f * (1.0f + slideOffset); if (drawerView.getTag().equals("LEFT")) { drawerView.setAlpha(Scale); ViewHelper.setTranslationX(mContent, drawerView.getMeasuredWidth() * slideOffset); mContent.invalidate(); } else { drawerView.setAlpha(Scale); ViewHelper.setTranslationX(mContent, -drawerView.getMeasuredWidth() * slideOffset); mContent.invalidate(); } } @Override public void onDrawerOpened(View drawerView) { } @Override public void onDrawerClosed(View drawerView) { activity_side_menu.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED, GravityCompat.END); } @Override public void onDrawerStateChanged(int newState) { } } }注意事項(xiàng)：
1.ViewHelper是nineoldandroids的第三方庫，用于改變View的大小，位置和透明度等屬性，jar包可在源代碼中獲得。
2.右側(cè)菜單在開始時(shí)通過setDrawerLockMode鎖定了，因此無法直接劃出，只能通過點(diǎn)擊按鈕的方式彈出，這樣做的目的是為了避免和聊天記錄的左劃刪除手勢(shì)沖突，有興趣的朋友可以深入研究一下。
3.addDrawerListener，首先setDrawerListener() API已經(jīng)過時(shí)了，所以要改為addDrawerListener，可以使用addDrawerListener監(jiān)聽菜單的打開與關(guān)閉等等。這里對(duì)于當(dāng)前操作是哪個(gè)菜單的判斷是通過TAG判斷的。
源碼下載：使用DrawerLayout仿QQ6.0雙側(cè)滑菜單
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
