在v4后的安卓中,集成了DrawerLayout,可以代替之前用的SlidingMenu。
用法如下:
在xml布局文件中,用DrawerLayout作为根元素,全称如下android.support.v4.widget.DrawerLayout
然后在这个xml布局文件中,需要包含两个子布局,一个用来显示主框架内容,一个用来显示侧滑。其中主内容在上,侧滑在后。并且在侧滑的布局文件中,加入属性,android:layout_gravity="start",不是通俗语法的left,而是start。只要在子布局中加上gravity,就可以实现侧滑效果。
通常,侧滑菜单和NavigationView一起使用,NavigationView是用来做侧滑菜单的最佳布局,因为里面有app:menu可以指定菜单,也可以指定菜单头部图片等,自定义样式。除了NavigationView外,也可以使用ListView或者RecycleView。我试验了一下,别的View,也可以,比如ConstraintLayout,只不过里面没法设置菜单,还需要自己写。
如果在添加布局时,as没有语法提示,比如添加NavigationView,需要在gradle中添加如下代码,implementation 'com.android.support:design:27.1.1',
另外,侧滑菜单,有时与ActionBarDrawerToggle,一起使用,就是顶部的那三道横线。
代码如下,只要是代码中关联toggle和drawer,那三道杠,自动出现。不需要另外设置。
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); //应用工具条,使其发挥作用 getSupportActionBar().setDisplayShowTitleEnabled(false); //工具条上的标题,去掉 DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); //寻找布局, ActionBarDrawerToggle toggle = new ActionBarDrawerToggle( //实例化一个toggle, this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close); drawer.addDrawerListener(toggle); //增加侧滑的监听 toggle.syncState(); //同步状态
布局文件如下,
<?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:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/drawer_layout" tools:context=".MainActivity" tools:openDrawer="start" > <LinearLayout android:id="@+id/main_content" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <android.support.design.widget.AppBarLayout android:layout_height="wrap_content" android:layout_width="match_parent" android:theme="@style/AppTheme"> //蓝色样式 <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:theme="@style/ThemeOverlay.AppCompat.Dark" //字体用黑色样式,在黑色样式中,字的颜色是白色的。最后和上面的配合是 兰底白字 > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="MMM"/> </android.support.v7.widget.Toolbar> </android.support.design.widget.AppBarLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" android:textColor="#ff0000" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> </LinearLayout> <android.support.constraint.ConstraintLayout //侧滑部分 android:layout_width="200dp" android:layout_height="match_parent" android:id="@+id/nav" android:layout_gravity="start" android:background="@color/colorAccent" > <TextView android:layout_width="200dp" android:layout_height="match_parent" android:text="alalalalalalalalalal" android:gravity="center"/> </android.support.constraint.ConstraintLayout> </android.support.v4.widget.DrawerLayout>