1.先翻译下DrawerLayout类在文档中的Overview
DrawerLayout扮演的是一个Window最外层的布局,
它允许有交互的"drawer"view在Window垂直的两个边缘被拉出
使用android:layout_gravity属性的left|right值可以控制子view作为Drawer被放置在左边或者右边
注意是layout_gravity不是gravity
注意你只能在一边放置最多一个drawer.
如果你尝试在一边放置超过一个drawer,则会抛出运行时异常
想要使用DrawerLayout,需要在布局文件中把你的主视图布局作为第一个子布局,而且要将宽高设置为match_parent,最终要的是不要设置layout_gravity属性
DrawerLayout.DrawerListener可以被用来监听drawer的状态.
为了防止在drawer进行动画时进行复杂的操作造成卡顿,建议把复杂的操作放在STATE_IDLE的状态.
DrawerLayout.SimpleDrawerListener提供了DrawerListener一个空实现(用于节省代码空间....)
根据android的设计规范,任何放在左边(left/start)的drawer应该包含应用的导航内容,而任何放在右边(right/end)drawer应该包含关于当前主视图内容的操作,和actionbar和其他地方的设计结构一样
更多信息查看 Creating a Navigation Drawer (这个不错哦,是个中文翻译的页面,不过貌似有点老了)
好了,我来试试:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:design="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer_layout_1"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tv_1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/green"
android:gravity="center"
android:text="content_content_content_content_content_content_content_content_content_content_content_content_content_content" />
<TextView
android:id="@+id/drawer_1"
android:layout_width="300dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@color/red"
android:text="drawer!1111111111111111"
android:textSize="30sp" />
<TextView
android:id="@+id/drawer_2"
android:layout_width="300dp"
android:layout_height="match_parent"
android:layout_gravity="end"
android:background="@color/red"
android:text="drawer!2222222222222222"
android:textSize="30sp" />
</android.support.v4.widget.DrawerLayout>
drawer
以上是最简单的示例.
2.然后我们给这个DrawerLayout添加个DrawerListener
drawerListener = new DrawerLayout.DrawerListener() {
@Override
public void onDrawerSlide(View drawerView, float slideOffset) {
Log.d(TAG, "onDrawerSlide: " + slideOffset);
}
@Override
public void onDrawerOpened(View drawerView) {
Log.d(TAG, "onDrawerOpened: ");
}
@Override
public void onDrawerClosed(View drawerView) {
Log.d(TAG, "onDrawerClosed: ");
}
@Override
public void onDrawerStateChanged(int newState) {
String state;
switch (newState) {
case DrawerLayout.STATE_DRAGGING:
state = "STATE_DRAGGING";
break;
case DrawerLayout.STATE_IDLE:
state = "STATE_IDLE";
break;
case DrawerLayout.STATE_SETTLING:
state = "STATE_SETTLING";
break;
default:
state = "Unknown";
break;
}
Log.d(TAG, "onDrawerStateChanged: state = " + state);
}
};
drawerLayout.addDrawerListener(drawerListener);
通过实验我得到下面的结果:
public void onDrawerSlide(View drawerView, float slideOffset) {
Log.d(TAG, "onDrawerSlide: " + slideOffset);
}
/*
*| 这个方法每一帧会回调一次
*| slideOffset的值在0.0到1.0之间变动
*| 当DrawerLayout关闭的时候是0.0
*| 当DrawerLayout完全打开的时候是1.0
*/
public void onDrawerOpened(View drawerView) {
Log.d(TAG, "onDrawerOpened: ");
}
/*
*| 这个方法每当DrawerLayout完全打开且手指从屏幕上松开的时候会回调
*/
@Override
public void onDrawerClosed(View drawerView) {
Log.d(TAG, "onDrawerClosed: ");
}
/*
*| 这个方法每当DrawerLayout完全关闭且手指从屏幕上松开的时候会回调
*/
@Override
public void onDrawerStateChanged(int newState) {
String state;
switch (newState) {
case DrawerLayout.STATE_DRAGGING:
state = "STATE_DRAGGING";
break;
case DrawerLayout.STATE_IDLE:
state = "STATE_IDLE";
break;
case DrawerLayout.STATE_SETTLING:
state = "STATE_SETTLING";
break;
default:
state = "Unknown";
break;
}
Log.d(TAG, "onDrawerStateChanged: state = " + state);
}
/*
*| 这个方法词状态改变都会回调一次,下面列出有哪些状态:
*| 1.STATE_DRAGGING ---> 当手指拖动drawer移动的时候
*| 2.STATE_IDLE -------> 当手指不在屏幕上,且DrawerLayout处于稳定状态
*| 3.STATE_SETTLING ---> 当drawer自动移动的状态(如拉一半放开后自动收回/张开时)
*/
