Android--design--DrawerLayout

本文主要是介绍Android--design--DrawerLayout，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一：

compile 'com.android.support:design:23.3.0'

二：DrawerLayout组件是V4包中的组件，也是直接继承于ViewGroup类，所以这个类也是一个容器类。使用DrawerLayout可以轻松的实现抽屉效果，使用DrawerLayout的步骤有以下几点：
1）在DrawerLayout中，第一个子View必须是显示内容的view，并且设置它的layout_width和layout_height属性是match_parent.作为content！
2 ) 第二个view是抽屉view,并且设置属性

layout_gravity="left|right",

表示是从左边滑出还是右边滑出。设置它的

layout_height="match_parent"

作为drawer！
注意：至少有两View容器！

<?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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.tool.nativeproject.MainActivity"><TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Hello World!" /><TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="DrawerLayout---left"
android:layout_gravity="left"
android:background="#FFB5C5" /></android.support.v4.widget.DrawerLayout>

以上例子中，只是把DrawerLayout作为一个视图容易来执行！

三：NavigationView

<android.support.design.widget.NavigationView
android:id="@+id/design_navigation_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="left"
android:fitsSystemWindows="true"
app:headerLayout="@layout/head_view"
app:menu="@menu/menu_drawer"></android.support.design.widget.NavigationView>

注意：
app:headerLayout=”@layout/head_view”和app:menu=”@menu/menu_drawer”，分别代表drawer布局中的header和menuitem区域，当然你可以根据自己的情况使用。

menu_drawer.xml:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"><item
android:id="@+id/nav_order"
android:checked="true"
android:icon="@mipmap/ic_order"
android:title="@string/order" /><item
android:id="@+id/nav_wallet"
android:checked="true"
android:icon="@mipmap/ic_wallet"
android:title="@string/wallet" /><item
android:id="@+id/nav_message"
android:checked="true"
android:icon="@mipmap/ic_message"
android:title="@string/message" /><item
android:id="@+id/nav_setting"
android:checked="true"
android:icon="@mipmap/ic_setting"
android:title="@string/setting" /></menu>

head_view.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"><TextView
android:id="@+id/tv_textview"
android:layout_width="match_parent"
android:layout_height="100dp"
android:gravity="center"
android:text="head_view"/></RelativeLayout>

四：在使用的时候：

public class MainActivity extends Activity implements NavigationView.OnNavigationItemSelectedListener {DrawerLayout mDrawerLayout;NavigationView mNavigationView;TextView tv;View headView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);tv = (TextView) findViewById(R.id.tv);mDrawerLayout = (DrawerLayout) findViewById(R.id.layout_drawerlayout);mNavigationView = (NavigationView) findViewById(R.id.design_navigation_view);mNavigationView.setNavigationItemSelectedListener(this);//获取头部View控件headView = mNavigationView.getHeaderView(0);final TextView textView = (TextView) headView.findViewById(R.id.tv_textview);//头部View进行事件的操作textView.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, textView.getText().toString(), Toast.LENGTH_LONG).show();}});}//边上item事件操作@Overridepublic boolean onNavigationItemSelected(MenuItem item) {switch (item.getItemId()) {case R.id.nav_order:mDrawerLayout.closeDrawers();tv.setText("nav_order");break;case R.id.nav_wallet:mDrawerLayout.closeDrawers();tv.setText("nav_wallet");break;case R.id.nav_message:tv.setText("nav_message");mDrawerLayout.closeDrawers();break;case R.id.nav_setting:tv.setText("nav_setting");mDrawerLayout.closeDrawers();break;}return false;}
}

注：当我们添加NavigationView的headview时候，可以在代码里面设置布局，也可以通过

mNavigationView.addHeaderView(View view);

进行相关操作
五：由于，没有添加footerView方法，所以，当我们想添加footer的时候：

<android.support.design.widget.NavigationViewandroid:id="@+id/design_navigation_view"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="left"android:fitsSystemWindows="true"app:headerLayout="@layout/head_view"app:menu="@menu/menu_drawer"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_alignParentLeft="true"android:layout_alignParentStart="true"><TextViewandroid:id="@+id/bottom_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:text="sssss" /></LinearLayout></RelativeLayout>
</android.support.design.widget.NavigationView>