Android MaterialDesign简单使用_DrawerLayout

  2014年Googel I/O大会上重磅推出了一套全新的界面设计语言MaterialDesign。因为设计人员也不了解这个东西,开发人员实现起来也很费劲,几乎没有一个可以用的API,都需要自己实现所以普及程度比较低。

        而google也意识到了这一问题,于是2015年的Google I/O大会上推出了一个Design Support库,这个库将一些具有代表性的一些控件和效果进行了封装,这样就大大的简化了实现难度。

        DrawerLayout是MaterialDesign推荐的一个滑动菜单,就是将一些菜单隐藏起来,不放在主屏幕上,可以通过滑动的方式将菜单显示出来。节省空间也有好看的动效。效果如下:

1.使用

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.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/draw_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="主页面" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:gravity="center"
        android:textColor="@color/colorAccent"
        android:text="侧滑"
        android:textSize="50sp"
        android:background="@color/colorPrimary"/>
</androidx.drawerlayout.widget.DrawerLayout>

        通过DrawerLayout包裹两个TextView一个是主页面一个是侧滑菜单。侧滑菜单需要 android:layout_gravity="left"   这个属性必须指定, lift表示从左边出来当然从左边出来除了lift还的可以用start。两个的区别是start会根据系统语言进行判断如果系统语言从左到右比如英语、汉语滑动就是左边,但是如果系统语言是从右到左,比如:阿拉伯语就是从右到左。

在toolbar的左侧添加一个导航按钮:

ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
    actionBar.setDisplayHomeAsUpEnabled(true);
    actionBar.setHomeAsUpIndicator(R.drawable.ic_menu);//让导航按钮显示出来  HomeAsUp按钮 id:android.R.id.home
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.toolbar, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
    switch (item.getItemId()) {
        case android.R.id.home:
            drawerLayout.openDrawer(GravityCompat.START);//将滑动菜单展示出来  GravityCompat.START 最好和xml的保持一致
            break;
    }
    return true;
}