使用design包的下的 DrawerLayout 抽屉--基础

如果使用的是 Android Studio ,则可以新建一个 DrawerActivity,系统默认的使用的是 ActionBar+Drawer,若需要使用系统的ActionBar,这样会更加方便。下面我们来整体分析下整个 Activity中的 java代码和 xml布局文件。


    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_drawer);
        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);
    }

前两行,获取ActionBar 设置ActionBar, 之后 获取DrawerLayout 将DrawerLayout与ActionBar通过 ActionBarDrawerToggle绑定,在抽屉打开和关闭的时候可以通过设置drawer的 setDrawerListener监听事件,来相应处理主界面的一些操作。因为ActionBarDrawerToggle实现了 DrawerListener接口,所以,它能做任何 DrawerListener能做的事情,并且将drawerLayout的展开与隐藏与actionBar的app 图标关联起来。

最后获取抽屉控件,并设置抽屉的点击事件。注意:此控件可以是任何控件,可以是一个TextView 或者是 ListView 或者是一个布局。

抽屉的判断是 DrawerLayout 根据布局文件判断的,并不是 NavigationVIew就是 抽屉。在 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_drawer"
            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_drawer"
            app:menu="@menu/activity_drawer_drawer"/>

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

这就是整个Activity的layout。 是一个DrawerLayout, 第一个布局就是我们的内容布局文件,它包含的是一个带有ActionBar的内容布局文件,这里就不贴代码了。

 第二个布局就是我们的抽屉的布局,layout_gravity决定抽屉从哪个方向出来。headerLayout=“@layout/head” 设置抽屉导航视图的头部布局。menu=“@menu/menu_drawer”设置抽屉导航视图的列表菜单项。itemBackground="@drawable/bg1"设置列表菜单项选中不选中的背景颜色。itemTextColor="@drawable/bg2"设置列表菜单项文字选中不选中的背景颜色。 注意:引入

xmlns:app="http://schemas.android.com/apk/res-auto"

工作空间。


设置监听事件:


<pre name="code" class="java">navigationView<span style="font-family: Arial, Helvetica, sans-serif;">.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {</span>
@Override public boolean onNavigationItemSelected(MenuItem menuItem) { Toast.makeText(getApplicationContext(), menuItem.getTitle(), Toast.LENGTH_LONG).show(); drawerLayout.closeDrawer(Gravity.LEFT); return true; } });

 





 
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值