Android5.0系统：Material风格以及DrawerLayout抽屉效果

迷南。 2022-08-09 14:57 108阅读 0赞

先上效果图：  
![抽屉关闭][20151029181032742]  
![抽屉打开][20151029181107910]  
主要组件：

1.  DrawerLayout
2.  Toolbar

首先,配置文件代码：

使用DrawerLayout时需注意：DrawerLayout中需要放两个Layout，在收起的Layout中一定要设置：

android:layout_gravity="left"

Activity代码：

package com.demo.monty.materialdemo;
    
    import android.support.v4.widget.DrawerLayout;
    import android.support.v7.app.ActionBarDrawerToggle;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.support.v7.widget.Toolbar;
    import android.view.Menu;
    import android.view.MenuItem;
    import android.view.View;
    import android.view.Window;
    
    public class MainActivity extends AppCompatActivity { 
    
        private DrawerLayout mDrawerLayout;
        private ActionBarDrawerToggle mDrawerToggle;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
    
            setContentView(R.layout.activity_main);
    
    
            Toolbar toolbar = (Toolbar)findViewById(R.id.toolbar);
            setSupportActionBar(toolbar); 
            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    
    
            mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer);
            mDrawerToggle = new ActionBarDrawerToggle(this,mDrawerLayout,toolbar,R.string.open,R.string.close){
                @Override
                public void onDrawerClosed(View drawerView) {
                    super.onDrawerClosed(drawerView);
                }
    
                @Override
                public void onDrawerOpened(View drawerView) {
                    super.onDrawerOpened(drawerView);
                }
            };
            mDrawerLayout.setDrawerListener(mDrawerToggle);
            mDrawerToggle.syncState();
    
        }
    
        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            // Inflate the menu; this adds items to the action bar if it is present.
            getMenuInflater().inflate(R.menu.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) {
                return true;
            }
    
            return super.onOptionsItemSelected(item);
        }
    }

**下面是设置Material风格的界面：**

![Material风格自定义][Material]  
配置文件如下，styles.xml：

其中部分属性在5.0以下操作系统中无法生效：

<item name="android:navigationBarColor">#3a3e55</item> //在5.0以下无法生效，以及华为手机Mate S 5.1系统中也无法生效，其他机器目前没有验证。

[20151029181032742]: /images/20220731/c2b496b2ede44842814f356a6acec532.png
[20151029181107910]: /images/20220731/50a5b7fad0c54baa937af05273ea5ec0.png
[Material]: /images/20220731/c668806c440441579a38f206bc6507f9.png