Android Studio官方版DrawerLayout侧滑菜单解析

原创 2016年06月01日 08:56:06

转载请标明出处:http://blog.csdn.net/liu1252247624/article/details/51553327

效果图如下


这是使用Android Studio新建的一个DrawerLayout项目跑出来后的效果(没有Android Studio的盆友赶紧去下载个吧)。

生成后的代码有点混乱,稍微整理一下,那么先看布局文件

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.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/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

</android.support.v4.widget.DrawerLayout>

如上在DrawerLayout中引用了app_bar_main.xml,在NavigationView控件中heraderLayout代表的是示例图中侧滑菜单绿色的部位,menu则表示菜单项。

app_bar_main.xml:

<?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.lg.slidingmenudemo.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

</android.support.design.widget.CoordinatorLayout>
app_bar_main.xml中可以在Toolbar中设置顶部标题,感觉引用content_main.xml麻烦的话可以直接在里边写布局,删掉content_main.xml即可。

MainActivity:

public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        /*控制侧滑菜单*/
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        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 = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);
    }


    /*后退键*/
    @Override
    public void onBackPressed() {
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        } else {
            super.onBackPressed();
        }
    }

    @SuppressWarnings("StatementWithEmptyBody")
    @Override
    public boolean onNavigationItemSelected(MenuItem item) {
        int id = item.getItemId();

        if (id == R.id.nav_camera) {

        } else if (id == R.id.nav_gallery) {

        } else if (id == R.id.nav_slideshow) {

        } else if (id == R.id.nav_manage) {

        } else if (id == R.id.nav_share) {

        } else if (id == R.id.nav_send) {

        }

        /*关闭侧滑菜单*/
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.closeDrawer(GravityCompat.START);
        return true;
    }
}
自己也可以自定义侧滑菜单的menu

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_camera"
            android:icon="@drawable/ic_menu_camera"
            android:title="Import" />
        <item
            android:id="@+id/nav_gallery"
            android:icon="@drawable/ic_menu_gallery"
            android:title="Gallery" />
        <item
            android:id="@+id/nav_slideshow"
            android:icon="@drawable/ic_menu_slideshow"
            android:title="Slideshow" />
        <item
            android:id="@+id/nav_manage"
            android:icon="@drawable/ic_menu_manage"
            android:title="Tools" />
    </group>

    <item android:title="Communicate">
        <menu>
            <item
                android:id="@+id/nav_share"
                android:icon="@drawable/ic_menu_share"
                android:title="Share" />
            <item
                android:id="@+id/nav_send"
                android:icon="@drawable/ic_menu_send"
                android:title="Send" />
        </menu>
    </item>

</menu>

item中的icon为菜单项图标资源ID,title则是菜单项标题(菜单项显示的文本),可以根据需求自定义

源码地址:http://download.csdn.net/detail/liu1252247624/9537171

版权声明:本文为博主原创文章,欢迎转载,转载务必注明文章出处,作者信息。

android组件之DrawerLayout(抽屉导航)-- 侧滑菜单效果

一、 介绍 导航抽屉显示在屏幕的最左侧,默认情况下是隐藏的,当用户用手指从边缘向另一个滑动的时候,会出现一个隐藏的面板,当点击面板外部或者向原来的方向滑动的时候,抽屉导航就会消失了! 好了,这个抽屉就...

Android Studio实现侧滑菜单

在多种APP里,比如QQ的主页面就有向右滑动出现菜单栏的情况,今天就来看一下如何实现这种功能。 先看一下程序的运行结果: 我的工程文件布局如下: 我们可以看到,侧滑菜单主要由两个...
  • gewuban
  • gewuban
  • 2016年03月23日 20:40
  • 3975

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

DrawerLayout侧滑菜单

之前写过一篇关于SlidingMenu的侧滑,今天玩了玩谷歌官方的DrawerLayout侧滑。 代码如下:package com.example.lenovo.demo;import androi...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

使用AndroidStudio一分钟实现Navigation Drawer 导航抽屉效果

Navigation Drawer导航抽屉这种效果在目前APP中用的比较广泛,今天就来看看看如何使用AndroidStudio来一键生成这个效果,实在是非常方便,完全傻瓜式的操作,快快动起手来吧!...

Android UI开发第三十二篇——Creating a Navigation Drawer

Navigation Drawer是从屏幕的左侧滑出,显示应用导航的视图。
  • xyz_lmn
  • xyz_lmn
  • 2013年10月10日 16:10
  • 47919

Android Studio自带模版:抽屉(DrawerLayout)布局

MainActivity.java package com.qiufeng.astest; import android.app.Activity; import android.support....

Android 官方自带侧滑菜单DrawerLayout

【DrawerLayout】 1、在Android的support库中增加了一个专门用于创建侧滑菜单的组件DrawerLayout,接下来我们就讲解一下怎样使用这个原生的组件创建一个仿推酷的...

Android学习之界面篇(七)侧滑菜单的实现

为android应用实现侧滑菜单的功能,通过谷歌开发者文档要求完成。
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android Studio官方版DrawerLayout侧滑菜单解析
举报原因:
原因补充:

(最多只允许输入30个字)