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的左侧添加一个导航按钮：

Android MaterialDesign简单使用_DrawerLayout

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;
}

Android MaterialDesign简单使用_DrawerLayout

1.使用

相关推荐