如何使用可见句柄实现 DrawerLayout

Question

我已经成功地为我的应用程序实现了 NavigationDrawer。

我的应用显示了一个在屏幕左侧打开的抽屉。

我的问题是我需要在左侧添加一个按钮。可以单击或滑动该按钮以打开左侧抽屉。我能做到的。

但按钮应该看起来像它是抽屉的一部分，会溢出到屏幕中。

这意味着按钮应该在抽屉打开和关闭的同时滑动。

关闭状态：

开业状态

我尝试将按钮添加到左侧抽屉的布局中，但您似乎无法让内容出现在其边界之外，并且当您关闭抽屉时，它总是会完全隐藏。

现在我正在尝试添加它以将一个按钮添加到主 DrawerLayout 并使其与左侧抽屉的右侧对齐...但是没有运气...看起来 DrawerLayout 不能超过两个孩子们...

我们将不胜感激。

我正在使用支持库 (v4)

[编辑] 而且我支持 API 级别 8...所以不能使用 ImageView.setTranslationX 或 View.OnAttachStateChangeListener

Answer 1

这很棘手。

我认为这类似于在新的 Google 地图应用中对抽屉手柄所做的操作。不要相信我的话，不确定。 :)

我已经编写了保持在Activity 内容视图边缘的切换。 当DrawerLayout 被拖动时，我将x 轴上的视图平移了最小子项（即DrawerLayout 内容视图）减去阴影（如果有）的数量。由于DrawerLayout 的阴影投射+ 内容视图给出了整个抽屉的完整测量宽度。

我快速将滑动偏移量和最小子项相乘，然后找到 x 平移。

[编辑：为了便于阅读，代码已被删除，并已移至下面提供的链接]

在你的活动中：

mDrawerToggle = new DrawerLayoutEdgeToggle(
    this, 
    mDrawerLayout, 
    R.drawable.ic_launcher, 
    R.drawable.ic_launcher,
    Gravity.LEFT, 
    true) {

        @Override
        public void onDrawerClosed(View view) {
            super.onDrawerClosed(view); //must call super
        }

        @Override
        public void onDrawerOpened(View view) {
            super.onDrawerOpened(view); //must call super
        }

        @Override
        public void onDrawerSlide(View view, float slideOffset) {
            super.onDrawerSlide(view, slideOffset); //must call super

        }
    };
mDrawerLayout.setDrawerListener(mDrawerToggle);

创造力提升： 您可以添加更多装饰物，例如与 ActionBar 的距离，您可以将其设置为手柄的边距。

您还可以通过沿 Y 轴平移上下左右移动手柄来模拟“单拉链效果”。 :)

编辑：可以在我的GitHub here上找到

编辑2：对于那些无法获取句柄出现在开头的人，只需使用mDrawerToggle.setVerticalPostionOffset(0)

Answer 2

感谢 Mobistry 编写的 Aniqroid 库（SO 伪），我找到了一种很容易做到这一点的方法

我使用 SlidingTray 类，它是 android SlidingDrawer 的副本，但可以让您将抽屉定位到屏幕的任何角落。

我通过xml声明了元素

<com.sileria.android.view.SlidingTray 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="270dp"
    android:content="@+id/content"
    android:handle="@+id/handle" >

    <ImageView
        android:id="@+id/handle"
        android:layout_width="320dp"
        android:layout_height="24dp"
        android:background="@drawable/tray_btn" />

    <LinearLayout
        android:id="@+id/content"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="fill_vertical"
        android:orientation="vertical" >
    </LinearLayout>

</com.sileria.android.view.SlidingTray>

只需要打电话

Kit.init(this);

在我的主要Activity 中，在扩展布局之前。

感谢 aniqroid 开发者！

https://code.google.com/p/aniqroid/