DrawerLayout+Toolbar的使用及状态栏透明

素颜马尾好姑娘i 2022-07-16 00:12 222阅读 0赞

> **今天本来想着用一下官方的DrawerLayout,然后就试了试，中间突然觉得和toolbar一起来，然后我加上刚学的透明状态栏，觉得挺好，就开搞，没想到遇到了很多坑**

## 先看效果图 ##

![这里写图片描述][20160924132153167]

![这里写图片描述][20160924132201979]

## DrawerLayout的代码我就不上了，AS里直接有，最后放上Demo源码 ##

> **下面主要说遇到的几个坑**

**1，自定义主题，在AMF中的activity中引用，这里我将@color/color\_0176da状态栏的颜色设置成跟toolbar一样**

**2，Activity中的代码，基本上都有注释**

package com.caobo.drawerlayouttest;
    
    import android.app.Activity;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.support.design.widget.NavigationView;
    import android.support.v4.view.GravityCompat;
    import android.support.v4.widget.DrawerLayout;
    import android.support.v7.app.ActionBarDrawerToggle;
    import android.support.v7.widget.Toolbar;
    import android.view.Menu;
    import android.view.MenuItem;
    import android.view.View;
    import android.widget.Toast;
    
    public class MainActivity extends Activity implements NavigationView.OnNavigationItemSelectedListener { 
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            //实现侧滑菜单状态栏透明
            getWindow().setStatusBarColor(Color.TRANSPARENT);
            getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
    
    
    
            //这里是替换官方的actionbar,这里继承的是AppCompatActivity
            Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
            //setSupportActionBar(toolbar);
    
    
            //初始化控件
            DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    
            /** * ActionBarDrawerToggle 是 DrawerLayout.DrawerListener实现。 和 NavigationDrawer 搭配使用，推荐用这个方法，符合Android design规范。 作用： 1.改变android.R.id.home返回图标。 2.Drawer拉出、隐藏，带有android.R.id.home动画效果。 3.监听Drawer拉出、隐藏； */
            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);
        }
    
        //重写back返回时间，按下back，如果侧滑菜单处于打开状态，则back键先关闭菜单
        @Override
        public void onBackPressed() {
            DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
            if (drawer.isDrawerOpen(GravityCompat.START)) {
                drawer.closeDrawer(GravityCompat.START);
            } else {
                super.onBackPressed();
            }
        }
    
        //右上角加载菜单选项
        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            // Inflate the menu; this adds items to the action bar if it is present.
            getMenuInflater().inflate(R.menu.main, menu);
            return true;
        }
    
        //右上角菜单的点击事件
        @Override
        public boolean onOptionsItemSelected(MenuItem item) {
            // Handle action bar item clicks here. The action bar will
            // automatically handle clicks on the Home/Up button, so long
            // as you specify a parent activity in AndroidManifest.xml.
            int id = item.getItemId();
    
            //noinspection SimplifiableIfStatement
            if (id == R.id.action_settings) {
                Toast.makeText(this, "nice", Toast.LENGTH_SHORT).show();
                return true;
            }
    
            return super.onOptionsItemSelected(item);
        }
    
    
        /** * 我们可以用setNavigationItemSelectedListener方法来设置当导航项被点击时的回调。 * OnNavigationItemSelectedListener会提供给我们被选中的MenuItem，这与Activity的onOptionsItemSelected非常类似。 * 通过这个回调方法，我们可以处理点击事件，改变item的选中状态，更新页面内容，关闭导航菜单，以及任何我们需要的操作。 * * @param item * @return */
        @SuppressWarnings("StatementWithEmptyBody")
        @Override
        public boolean onNavigationItemSelected(MenuItem item) {
            // 获取itemId,然后设置点击事件
            int id = item.getItemId();
    
            if (id == R.id.nav_camera) {
                Toast.makeText(this, "nice", Toast.LENGTH_SHORT).show();
            } else if (id == R.id.nav_gallery) {
                Toast.makeText(this, "nice", Toast.LENGTH_SHORT).show();
            } else if (id == R.id.nav_slideshow) {
                Toast.makeText(this, "nice", Toast.LENGTH_SHORT).show();
            } else if (id == R.id.nav_manage) {
                Toast.makeText(this, "nice", Toast.LENGTH_SHORT).show();
            } else if (id == R.id.nav_share) {
                Toast.makeText(this, "nice", Toast.LENGTH_SHORT).show();
            } else if (id == R.id.nav_send) {
                Toast.makeText(this, "nice", Toast.LENGTH_SHORT).show();
            }
    
            //设置点击item选项后，drawe自动关闭
            DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
            drawer.closeDrawer(GravityCompat.START);
            return true;
        }
    }

**3，app\_bar\_main.xml，我改了官方这个文件的代码，自己嵌套了线性布局，没有用appbarlayout,具体可跟官方做对比**

<?xml version="1.0" encoding="utf-8"?>
    <android.support.design.widget.CoordinatorLayout 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:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context="com.caobo.drawerlayouttest.MainActivity">
    
    
    
        <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical">
    
            <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="45dp" android:background="@color/color_0176da">
    
                <TextView android:text="clock" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
    
            </android.support.v7.widget.Toolbar>
    
            <TextView android:text="caobo" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
            <include layout="@layout/content_main"/>
    
        </LinearLayout>
    
    
    </android.support.design.widget.CoordinatorLayout>

## github地址，有想看的同学点击[https://github.com/Androidcaobo/DrawerLayoutTest][https_github.com_Androidcaobo_DrawerLayoutTest] ##

[20160924132153167]: /images/20220716/5dfc43a480844d5daa7e5a658857777d.png
[20160924132201979]: /images/20220716/e9f3934f7df9431d85a95ed34e838e5a.png
[https_github.com_Androidcaobo_DrawerLayoutTest]: https://github.com/Androidcaobo/DrawerLayoutTest