DrawerLayout結構分析

 

首先咱們在studio中建立工程的時候，選擇activity時選擇DrawerActivity。這樣編輯器會自動給你建立完成一套demo。

首先，解析對應的activity：

1，                       activity繼承自AppCompatActivity實現NavgitionView.OnNevigationItemSelectedLisenter（側滑菜單部分的item項的選中監聽）。

2，       <?xml version="1.0" encoding="utf-8"?>
 <android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:fitsSystemWindows="true"
     tools:openDrawer="start">
 
     <include
         layout="@layout/app_bar_main_tab"
         android:layout_width="match_parent"
         android:layout_height="match_parent" />
 
     <android.support.design.widget.NavigationView
         android:id="@+id/nav_view"
         android:layout_width="wrap_content"
         android:layout_height="match_parent"
         android:layout_gravity="start"
         android:fitsSystemWindows="true"
         app:headerLayout="@layout/nav_header_main_tab"
         app:menu="@menu/activity_main_tab_drawer" />
 
 </android.support.v4.widget.DrawerLayout>

這是activity對應的主佈局。

NavigationView對應如圖所示：

NavigationView中包含兩個部分：上面的綠色的部分，和下面的菜單項是分開的

菜單項：

app:headerLayout="@layout/nav_header_main_tab"
 app:menu="@menu/activity_main_tab_drawer"

讓咱們仔細看NavigationView的兩個屬性：一個是headLayout，一個是menu。很顯然：headLayout對應綠色部分，menu對應下面的菜單。

而後咱們在看：在NavegationView除外的部分：

<include
     layout="@layout/app_bar_main_tab"
     android:layout_width="match_parent"
     android:layout_height="match_parent" />

include裏面包含的是：一個layout，咱們在看layout當中是指向誰：

<?xml version="1.0" encoding="utf-8"?>
 <android.support.design.widget.CoordinatorLayout 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"
     tools:context="com.test.sampletest.MainTabActivity">
 
     <android.support.design.widget.AppBarLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:theme="@style/AppTheme.AppBarOverlay">
 
         <android.support.v7.widget.Toolbar
             android:id="@+id/toolbar"
             android:layout_width="match_parent"
             android:layout_height="?attr/actionBarSize"
             android:background="?attr/colorPrimary"
             app:popupTheme="@style/AppTheme.PopupOverlay" />
 
     </android.support.design.widget.AppBarLayout>
 
     <include layout="@layout/content_main_tab" />
 
     <android.support.design.widget.FloatingActionButton
         android:id="@+id/fab"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="bottom|end"
         android:layout_margin="@dimen/fab_margin"
         android:src="@android:drawable/ic_dialog_email" />
 
 </android.support.design.widget.CoordinatorLayout>

點了進去咱們能夠看到：截圖以下：

如此能夠看到：這裏是如NavigationView以外的部分。

這裏的佈局其實就是除了ToolBar和下面的郵件圖標意外的部分。這裏就是本身能夠自定義其餘控件的部分。

 

寫了這麼多最後說明白點：DrawerLayout就至關於一個側滑菜單，是官方一個模仿以後封裝模塊化的一套控件而已。一個主佈局：DrawerLayout，他包含了兩個部分：NavigationView，include一個佈局。

NavigationView又分爲兩個部分：上部headLayout，下部menu。

Include的佈局：官方的控件android.support.design.widget.CoordinatorLayout

子佈局：首先一個ToolBar，而後include一個佈局（自定義樣式）。下部是一個郵件圖標。

上面寫的這些都是按照官方的步驟來寫。加入本身的深刻理解後可得出這樣的結論：

主佈局最外層：DrawerLayout。而後咱們能夠吧NavigationView換成listView照樣是能夠的。而後在include一個佈局，裏面放一個Toolsbar如此而已。