现在很多应用都带有抽签功能,在Android5.0之前,大家使用的是开源的SlidingMenu,而在5.0版本后侧滑栏已经被集成进SDK中,名为DrawerLayout抽屉,最近使用了这个抽屉布局,写下这篇文章加深理解。
一、创建一个DrawerLayout抽屉并不难,使用AndroidStudio(我的是2.0版本)可以直接生成,但是我们还是有必要了解DrawerLayout是如何建立的。
二、布局控件
<?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"
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"
app:menu="@menu/activity_main_drawer"
/>
</android.support.v4.widget.DrawerLayout>
最外层是v4包的DrawerLayout父容器,继承自ViewGroup。主界面必须放在第一位,抽屉内容放在第二位。
属性分析:
android:fitsSystemWindows=”true” 适应手机屏幕大小
tool:openDrawer=”start” 没查到,希望前辈们告知
android:layout_gravity=”start” 控制抽屉弹出方向,可选值为left,right,start和end。
app:headerLayout=”@layout/nav_header_main” 侧边栏头部的显示布局
app:menu=”@menu/activity_main_drawer” 导航菜单
三、代码
(1) 要对侧边栏菜单添加点击事件,要继承下面的接口
public class MainActivity extends AppCompatActivity
implements NavigationView.OnNavigationItemSelectedListener
(2)实现接口方法
@SuppressWarnings("StatementWithEmptyBody")
@Override
public boolean onNavigationItemSelected(MenuItem item) {
// Handle navigation view item clicks here.
int id = item.getItemId();
if (id == R.id.action1) {
// doSomething
} else if (id == R.id.action2) {
// doSomething
} // 点击后关闭侧边栏
DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
drawer.closeDrawer(GravityCompat.START); return true; }
(3) 如果存在toolbar,可以关联ActionBarDrawerToggle控制侧边栏弹出
private void initDrawer(){
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
drawer.setDrawerListener(toggle);
toggle.syncState();
NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
navigationView.setNavigationItemSelectedListener(this);
}
(4) 修改返回键操作,在侧边栏弹出时,点击返回时关闭侧边栏
@Override
public void onBackPressed() {
DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
if (drawer.isDrawerOpen(GravityCompat.START)) {
drawer.closeDrawer(GravityCompat.START);
} else {
super.onBackPressed();
}
}
更详细的DrawerLayout解析可参看: