android 如何将两个滑动抽屉处理程序放在一起

Question

（我自己解决了）
需要一些关于如何执行此操作的建议。
为了澄清，我添加了两张图片，显示左侧的两个滑动抽屉。
它们默认是重叠的，所以我将一张图像更改为 android-icon 以更好地看到问题。

供参考
我正在使用由 Alessandro Crugnola 创建的这个抽屉自定义小部件 < /a>
对于我的两个抽屉，您可以在图像左侧看到。

我知道默认情况下处理程序是位置居中的并且需要建议 关于如何将它们垂直并排放置。 如图所示，他们必须占据孔屏。

我已经测试了layout_weight =“1”并将它们放入LinearLayout
但这给了我一个半尺寸的抽屉。我非常理解默认的 SliderDrawer 无法做到这一点，所以问题是什么样的黑客可以做到这一点。

有办法做到这一点吗？

"pic1">

（更新两个图像重叠时的外观，请参阅下面的讨论中的详细信息）

我的 XML：

    <Gallery xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/imageEditGallery"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:spacing="2px"
        android:gravity="top"
        android:paddingTop="20dip"
    />
    <RelativeLayout
        android:id="@+id/InnerRelativeLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" >

        <EditText
            android:id="@+id/etx_addtext_drawtext"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:singleLine="true"
            android:text="Enter text here"
        />

    </RelativeLayout>

    <com.bulk.sprise.editimage.SlidingDrawerLeftFriends
        xmlns:my="http://schemas.android.com/apk/res/com.bulk.sprise"
        android:id="@+id/sliding_drawer_left_friends"
        my:direction="leftToRight"
        android:layout_width="280dip"
        android:layout_height="wrap_content"
        my:handle="@+id/handleLeftFriends"
        my:content="@+id/content"

        >
        <include
            android:id="@id/content"
        layout="@layout/drawer_left_friends_content_editimage" />
        <ImageView
            android:id="@id/handleLeftFriends"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/drawer_left"
            android:topOffset="10dip"
        />
    </com.bulk.sprise.editimage.SlidingDrawerLeftFriends>

    <com.bulk.sprise.editimage.SlidingDrawerLeftOptions
        xmlns:my="http://schemas.android.com/apk/res/com.bulk.sprise"
        android:id="@+id/sliding_drawer_left_options"
        my:direction="leftToRight"
        android:layout_width="280dip"
        android:layout_height="wrap_content"
        my:handle="@+id/handleLeftOptions"
        my:content="@+id/content"
        >
        <include
            android:id="@id/content"
        layout="@layout/drawer_left_options_content_editimage" />
        <ImageView
            android:id="@id/handleLeftOptions"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/icon"
            android:topOffset="40dip"

        />
    </com.bulk.sprise.editimage.SlidingDrawerLeftOptions>



    <LinearLayout android:id="@+id/linearLayout_container_SlidingDrawerRight"
        android:layout_width="110dip"
        android:layout_height="wrap_content"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:visibility="visible"
        >

        <com.bulk.sprise.editimage.WrappingSlidingDrawer android:id="@+id/slidingDrawerRight"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:handle="@+id/slideHandleButtonRight"
            android:content="@+id/contentLayout2"
            android:orientation="horizontal"
            android:background="@null">

            <ImageButton android:id="@+id/slideHandleButtonRight"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/drawer_right"
                android:onClick="btnSlidingDrawerHandler">
            </ImageButton>

            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/contentLayout2"
                android:orientation="vertical"
                android:background="@null"

                >

                <ImageButton android:id="@+id/btn_A"
                    android:layout_height="60dip"
                    android:layout_width="60dip"
                    android:text="Button_A"
                    android:background="@android:color/transparent"
                    android:src="@drawable/plus_ball"
                    android:onClick="btnAListener"
                    android:gravity="right"
                    android:scaleType="fitXY">
                </ImageButton>

                <ImageButton android:id="@+id/btn_B"
                    android:layout_height="60dip"
                    android:layout_width="60dip"
                    android:layout_below="@+id/btn_A"
                    android:text="Button_B"
                    android:background="@android:color/transparent"
                    android:src="@drawable/text_ball"
                    android:gravity="right"
                    android:onClick="btnBListener"
                    android:scaleType="fitXY">
                </ImageButton>

                <ImageButton android:id="@+id/btn_C"
                    android:layout_height="60dip"
                    android:layout_width="60dip"
                    android:layout_below="@+id/btn_B"
                    android:text="Button_B"
                    android:background="@android:color/transparent"
                    android:src="@drawable/delete_ball"
                    android:gravity="right"
                    android:onClick="btnCListener"
                    android:scaleType="fitXY">
                </ImageButton>

            </RelativeLayout>
        </com.bulk.sprise.editimage.WrappingSlidingDrawer>
    </LinearLayout>
</RelativeLayout>

Answer 1

我们将两个滑动抽屉命名为 sd1 和 sd2。解决这个问题的一个想法（未经测试）是为处理程序提供自定义图像，并让一个滑动抽屉 (sd1) 可见，而其他 (sd2) 隐藏（可见性设置为“消失”）。

然后，在您看来，在显示 sd1 处理程序的边缘，旁边有一个 sd2 处理程序图像的图像（按钮或普通图像）。这将使 UI 看起来像有 2 个滑动抽屉等待拉出。

所以现在，当用户拉出 sd1 时，它会按照设计工作。当他单击另一张图像时，sd2 可见并且被拉出。这样你就可以拥有两个滑动抽屉了。

这种方法的潜在复杂性是：
1. 未经测试
2. 您可能需要一个自定义视图，以使 sd2 处理程序图像恰好位于 sd1 处理程序旁边。
3. 在具有不同屏幕尺寸的不同设备上处理此方法可能会很棘手。

Answer 2

哦，我们再次采用另一种可能的解决方案

如果我在 LinearLayout 中有两个滑动抽屉并将它们定位怎么办
与 layout_weight="1" 和 layout_hight="0dip"。

这将迫使他们平衡高度，我有两个抽屉
左侧垂直均匀分布。
当然，它们不会有完整的高度，但我不想使用它们
所以它们都有空的 dummy_layout.xml。

我想使用的是位置良好且均匀的处理程序图像。

现在，我将上面的问题 xml 代码也放入其中并 make
处理程序图像view.gone.something....

现在左侧侧板上有四个滑动抽屉。两个不可见，两个可见。
现在我有了两个抽屉处理程序的机制，它们
将在所有设备上正常工作。

我看到右边有两个抽屉。
如果我拉动它们，必须有某种方法将拉动重定向到我的
所需的全高抽屉隐藏在后面。

我认为人们可以将虚拟抽屉设置为不可见，但像往常一样拉动手柄。
通过这样做，会在下面的真实抽屉上触发一个 drawer.open() 。

也许我出路了，如果我错了，请纠正我。

你在关注吗..

Answer 3

我自己设法让它工作。
这已经过测试并且适用于任何需要它的人。
尚未在不同屏幕尺寸上进行测试。

创建两个处理程序图像。
对于 hdpi，一个是 58x400，另一个是 58x132。
在大的一张上，将图形放在下部，以便顶部是透明的。
另一个图像处理程序必须看起来像普通处理程序。

只需在 xml 中安排两个 slipDawer 即可
较大的图像（slidingDrawer）首先出现。

您还需要在较小的处理程序上执行 BringToFront()，
如果 gui 发生变化，将其放在更大的处理程序后面

就是这样