项目实训-千寻-安卓端侧滑菜单

最新推荐文章于 2017-06-18 23:25:21 发布

转载最新推荐文章于 2017-06-18 23:25:21 发布 · 89 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/yslf/blog/907014

本文详细介绍了DrawerLayout的使用方法，包括其基本布局结构、注意事项及如何通过DrawerListener或ActionBarDrawerToggle监听菜单状态的变化。

DrawerLayout是SupportLibrary包中实现了侧滑菜单效果的控件，可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后，google借鉴而出现的产物。drawerLayout分为侧边菜单和主内容区两部分，侧边菜单可以根据手势展开与隐藏（drawerLayout自身特性），主内容区的内容可以随着菜单的点击而变化（这需要使用者自己实现）。

drawerLayout的使用很方便，使用drawerLayout的要点如下：

1. drawerLayout其实是一个布局控件，跟LinearLayout等控件是一种东西，但是drawerLayout带有滑动的功能。只要按照drawerLayout的规定布局方式写完布局，就能有侧滑的效果。

<?xml version="1.0" encoding="utf-8"?>
<Android.support.v4.widget.DrawerLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="#111"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp" />
</android.support.v4.widget.DrawerLayout>

其中：DrawerLayout最好为界面的根布局，官网是这样说的，否则可能会出现触摸事件被屏蔽的问题；主内容区的布局代码要放在侧滑菜单布局的前面, 因为 XML 顺序意味着按 z 序（层叠顺序）排序，并且抽屉式导航栏必须位于内容顶部；侧滑菜单部分的布局（这里是ListView）必须设置layout_gravity属性，他表示侧滑菜单是在左边还是右边，而且如果不设置在打开关闭抽屉的时候会报错，设置了layout_gravity="start/left"的视图才会被认为是侧滑菜单。

2. drawerLayout左侧菜单（或者右侧）的展开与隐藏可以被DrawerLayout.DrawerListener的实现监听到，这样你就可以在菜单展开与隐藏反生的时刻做一些希望做的事情，比如更新actionbar菜单等。如果你的activity有actionbar的话，还是建议你用ActionBarDrawerToggle来监听，ActionBarDrawerToggle实现了DrawerListener，所以他能做DrawerListener可以做的任何事情，同时他还能将drawerLayout的展开和隐藏与actionbar的app 图标关联起来，当展开与隐藏的时候图标有一定的平移效果，点击图标的时候还能展开或者隐藏菜单。

ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(
        this,                  /* host Activity */
       mDrawerLayout,         /*DrawerLayout object */
       R.drawable.ic_drawer,  /* navdrawer image to replace 'Up' caret */
       R.string.drawer_open,  /*"open drawer" description for accessibility */
       R.string.drawer_close  /*"close drawer" description for accessibility */
        ) {
    public voidonDrawerClosed(View view) {
       getActionBar().setTitle(mTitle);
       invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
    }
    public voidonDrawerOpened(View drawerView) {
       getActionBar().setTitle(mDrawerTitle);
       invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
    }
};
mDrawerLayout.setDrawerListener(mDrawerToggle);

另注：博客参考：
http://blog.youkuaiyun.com/lmj623565791/article/details/39185641

转载于:https://my.oschina.net/yslf/blog/907014