前几天一直想做一个侧滑菜单的效果,在网上查了一些资料后,决定用drawerlayout来实现这个功能,不说废话,先上图:
效果图:
这其实是一个很简单的效果,主页一个按钮,点击后菜单会从左侧划过来,当然,用手指从左侧边缘划过,也能把菜单滑出来。
实现方式:
实现方式其实非常简单,首先,布局文件:
<?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">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<Button
android:id="@+id/btnOpenMenu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="打开侧滑菜单" />
</LinearLayout>
<TextView
android:layout_width="200dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="#9acf9a"
android:gravity="center"
android:text="这里是菜单布局" />
</android.support.v4.widget.DrawerLayout>
这里需要说明一下的是,google官方对布局文件的要求是:
- DrawerLayout的第一个子view必须是主页内容。
- 第一个子view的宽和高的属性值必须为match_parent
- 抽屉内容(菜单)必须要用gravity,也就是layout_gravity属性,这里用start,表示从左到右
- 抽屉菜单的宽度不能超过320dp
当完成这一步后,不需要在MainActivity
文件里面写任何代码,就已经有滑动菜单的效果了,是不是很简单。当然,如果你要在ActionBar里面加一个列表的按钮图标,你就可以给这个按钮设置一个点击事件,当点击这个按钮后,菜单侧滑出来,实现方法非常简单,只需要一行代码,具体的实现步骤如下:
private Button btnOpenMenu;
private DrawerLayout drawer;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btnOpenMenu = (Button) findViewById(R.id.btnOpenMenu);
drawer = (DrawerLayout) findViewById(R.id.drawer);
btnOpenMenu.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
drawer.openDrawer(Gravity.LEFT);
}
});
}
就一个drawer.openDrawer(Gravity.LEFT);
就可以搞定了,是不是很简单。
当然,你也可以设置一个从右向左滑动的菜单,布局文件里面把layout_gravity的值设置为end就行了,按钮侧滑方法当然就是drawer.openDrawer(Gravity.RIGHT);
,是不是很简单,快去感受一下吧。