Android实现DrawerLayout

短命女 2022-07-16 01:21 174阅读 0赞

**1.custom\_drawer.xml**

<?xml version="1.0" encoding="utf-8"?>
    <android.support.v4.widget.DrawerLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/drawer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
        //第一个子View会作为内容显示区
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="这里显示你要显示的内容"
                />
        </LinearLayout>
        //第二个子View会作为内容那个菜单
        <LinearLayout
            android:layout_width="250dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="@android:color/white"
            >
            <ListView
                android:id="@+id/listview"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
    
            </ListView>
        </LinearLayout>
    
    </android.support.v4.widget.DrawerLayout>

2.custom\_toolbar.xml

<?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/cunstom_toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        android:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
        >
    </android.support.v7.widget.Toolbar>

3.activity\_main.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">
        <include layout="@layout/custom_toolbar"/>
        <include layout="@layout/custom_draw"/>
    </LinearLayout>

4.style.xml

<resources>
    
        
        <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
            
            
            <item name="colorPrimaryDark">@color/Indigo_colorPrimaryDark</item>
            
            <item name="colorPrimary">@color/Indigo_colorPrimary</item>
            
            <item name="drawerArrowStyle">@style/AppTheme.DrawerArrowToggle</item>
        </style>
        <style name="AppTheme.DrawerArrowToggle" parent="Base.Widget.AppCompat.DrawerArrowToggle">
          <item name="color">@android:color/white</item>
        </style>
    
    </resources>

5.color.xml

<?xml version="1.0" encoding="utf-8"?>
    <resources>
        <color name="colorPrimary">#3F51B5</color>
        <color name="colorPrimaryDark">#303F9F</color>
        <color name="colorAccent">#FF4081</color>
        <color name="Indigo_colorPrimaryDark">#303f9f</color>
        <color name="Indigo_colorPrimary">#3f51b5</color>
        <color name="Indigo_nav_color">#4675FF</color>
    </resources>

6.string.xml

<resources>
        <string name="app_name">DrawLayout</string>
        <string name="open">打开</string>
        <string name="close">关闭</string>
    </resources>

7.MainSctivity

package cn.edu.jlnu.drawlayout;
    
    import android.app.Activity;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.support.v4.widget.DrawerLayout;
    import android.support.v7.app.ActionBarActivity;
    import android.support.v7.app.ActionBarDrawerToggle;
    import android.support.v7.widget.Toolbar;
    import android.view.View;
    import android.widget.ArrayAdapter;
    import android.widget.ListView;
    
    public class MainActivity extends ActionBarActivity {
    
        private Toolbar toolbar;
        private ListView listView;
        private ActionBarDrawerToggle mDrawerToggle;
        private DrawerLayout mDrawerLayout;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            listView= (ListView) findViewById(R.id.listview);
            ArrayAdapter<String>adapter=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,new String[]{"菜单一","菜单二","菜单三","菜单四","菜单五"});
            listView.setAdapter(adapter);
            toolbar= (Toolbar) findViewById(R.id.cunstom_toolbar);
            toolbar.setTitle("你好,刘晨8899");
            toolbar.setTitleTextColor(Color.parseColor("#FFFFFF"));
            setSupportActionBar(toolbar);
            getSupportActionBar().setHomeButtonEnabled(true); //设置返回键可用
            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
            mDrawerLayout= (DrawerLayout) findViewById(R.id.drawer);
            mDrawerToggle=new ActionBarDrawerToggle(MainActivity.this,mDrawerLayout,toolbar,R.string.open,R.string.close){
                @Override
                public void onDrawerOpened(View drawerView) {
                    super.onDrawerOpened(drawerView);
                }
    
                @Override
                public void onDrawerClosed(View drawerView) {
                    super.onDrawerClosed(drawerView);
                }
            };
            mDrawerToggle.syncState();
            mDrawerLayout.setDrawerListener(mDrawerToggle);
        }
    }