我对DrawerLayout的了解

最近几天看了下Drawerlayout，细看了一下它的布局，可以大致分为三个小布局，一个是ToolBar，第一个是顶端的菜单栏，第二个是主布局，第三个就是侧滑菜单栏，先把这三个布局做出来后，在用Linearlayout就组合起来可以。

首先先来看ToolBar，代码如下

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/Toolbar_main"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
app:popupTheme="@style/AppTheme">
</android.support.v7.widget.Toolbar>


接下来是主布局，主布局与侧滑菜单栏在同一个xml文件中，代码如下
<android.support.v4.widget.DrawerLayout
android:id="@+id/Drawerlayout_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:openDrawer="start">

<include layout="@layout/content_main"/>

<android.support.design.widget.NavigationView
android:id="@+id/navigation_main"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
app:headerLayout="@layout/nav_header_main"<pre name="code" class="html"> app:menu="@menu/activity_main_drawer"<span style="font-family: Arial, Helvetica, sans-serif;">/></span>

</android.support.v4.widget.DrawerLayout>

两个控件被包含在DrawerLayout中，其中include是主布局界面，主布局自己随意定义，写一个hellow也好，navigationView则是侧滑菜单，navigationView中一定要添加layout_gravitry这个属性，不然菜单栏不会画出，start是从左边划出。

navigationView中还有两个app属性，一个是headLayout，主要是侧滑栏的图片部分或是用户头像部分，另一个menu就是侧滑栏的菜单栏部分，根据androidstudio本身提供的框架，图如下，绿色的就是headLayout部分，白色的就是menu部分



headLayout部分可以自己弄个Imageview搞搞，menu可以自己弄个ListView写些菜单，也可以根据androidstudio提供的框架，创建一个xml文件，根据格式自己改，其实我觉得这种方法很不错，也有navigationView提供的监方法onNavigationItemSelector可以用，挺方便的，源代码如下：

<menu xmlns:android="http://schemas.android.com/apk/res/android">

<group android:checkableBehavior="single">
<item
android:id="@+id/nav_camera"
android:icon="@drawable/ic_menu_camera"
android:title="Import" />
<item
android:id="@+id/nav_gallery"
android:icon="@drawable/ic_menu_gallery"
android:title="Gallery" />
<item
android:id="@+id/nav_slideshow"
android:icon="@drawable/ic_menu_slideshow"
android:title="Slideshow" />
<item
android:id="@+id/nav_manage"
android:icon="@drawable/ic_menu_manage"
android:title="Tools" />
</group>

<item android:title="Communicate">
<menu>
<item
android:id="@+id/nav_share"
android:icon="@drawable/ic_menu_share"
android:title="Share" />
<item
android:id="@+id/nav_send"
android:icon="@drawable/ic_menu_send"
android:title="Send" />
</menu>
</item>

</menu>


接下来只要用LinearLayout把这两个xml文件组合起来就可以了：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical"
tools:context="com.lsj.administrator.mydrawer.MainActivity">

<include layout="@layout/toolbar_main"></include>

<android.support.v4.widget.DrawerLayout
android:id="@+id/Drawerlayout_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:openDrawer="start">

<include layout="@layout/content_main"/>

<android.support.design.widget.NavigationView
android:id="@+id/navigation_main"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_
b54d
gravity="start"
app:headerLayout="@layout/nav_header_main"/>
</android.support.v4.widget.DrawerLayout>
</LinearLayout>LinearLayout垂直分布，由上到下，我这里是把主布局跟侧滑栏卸载LinearLayout中，你也可以把他们分开，用两个include合起来就可以了。
之后加上代码，就可以实现侧滑栏的滑动效果：

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {
private DrawerLayout drawerLayout_main;
private Toolbar toolbar_main;
private NavigationView navigationView_main;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
setSupportActionBar(toolbar_main);
ActionBarDrawerToggle actionBarDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout_main, toolbar_main, R.string.navigation_drawer_open, R.string.navigation_drawer_close) {
@Override
public void onDrawerOpened(View drawerView) {
super.onDrawerOpened(drawerView);
}

@Override
public void onDrawerClosed(View drawerView) {
super.onDrawerClosed(drawerView);
}
};
actionBarDrawerToggle.syncState();
drawerLayout_main.setDrawerListener(actionBarDrawerToggle);
navigationView_main.setNavigationItemSelectedListener(this);

}

@Override
public boolean onNavigationItemSelected(MenuItem item) {
return false;
}
private void init() {
drawerLayout_main = (DrawerLayout) findViewById(R.id.Drawerlayout_main);
toolbar_main = (Toolbar) findViewById(R.id.Toolbar_main);
navigationView_main = (NavigationView) findViewById(R.id.navigation_main);
}
}
利用ActionBarDrawerToggle把DrawerLayout与Toolbar联系起来，继承onDarwerOpened与onDrawerClosed方法，这样就可以实现滑动功能，并且滑动时ToolBar的箭头会发生旋转。