Custom SlidingDrawer的布局定位问题

Question

大家好，我已经尝试让这项工作很长一段时间了，但我感到陷入困境，我发现了一个 组件 在网络上非常好，它允许我从上到下滑动，默认示例非常简单，条形图位于顶部，向下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <Button
        android:id="@+id/button_open"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:text="@string/open"
        android:layout_centerInParent="true"
        android:visibility="gone" />

        <TextView android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium" android:layout_width="wrap_content" 
        android:text="@string/default_feed_detail" android:id="@+id/txtDetailNews" ></TextView>

    <it.sephiroth.demo.slider.widget.MultiDirectionSlidingDrawer
        xmlns:my="http://schemas.android.com/apk/res/it.sephiroth.demo.slider"
        android:id="@+id/drawer"
        my:direction="topToBottom"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        my:handle="@+id/handle"
        my:content="@+id/content">
        <include
            android:id="@id/content"
            layout="@layout/pen_content" />

        <ImageView
            android:id="@id/handle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/sliding_drawer_handle_bottom" />
    </it.sephiroth.demo.slider.widget.MultiDirectionSlidingDrawer>
</RelativeLayout>

：渲染得很好：

但现在我想在文本和文本之间有一个标题图像自定义滑动抽屉它只是不渲染文本

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <Button android:id="@+id/button_open" android:layout_width="100dp"
        android:layout_height="wrap_content" android:text="@string/open"
        android:layout_centerInParent="true" android:visibility="gone" />

    <ImageView android:id="@+id/header" android:src="@drawable/header"
        android:layout_height="wrap_content" android:layout_width="wrap_content"></ImageView>




    <it.sephiroth.demo.slider.widget.MultiDirectionSlidingDrawer
        xmlns:my="http://schemas.android.com/apk/res/it.sephiroth.demo.slider"
        android:layout_below="@id/header"
        android:id="@+id/drawer" my:direction="topToBottom"
        android:layout_width="fill_parent" android:layout_height="wrap_content"
        my:handle="@+id/handle" my:content="@+id/content">
        <include android:id="@id/content" layout="@layout/pen_content" />

        <ImageView android:id="@id/handle" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:src="@drawable/sliding_drawer_handle_bottom" />
    </it.sephiroth.demo.slider.widget.MultiDirectionSlidingDrawer>

    <TextView android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_below="@id/drawer"
        android:layout_width="wrap_content" android:text="@string/default_feed_detail"
        android:id="@+id/txtDetailNews"></TextView>


</RelativeLayout>

，现在文本消失了......任何有关相对布局的建议，或者如果有人有一个想法或组件，这样就可以轻松完成，那也很棒，谢谢！

编辑

我发现了使用以下布局来排列组件的层次结构查看器的一些有趣内容：

<it.sephiroth.demo.slider.widget.MultiDirectionSlidingDrawer
    xmlns:my="http://schemas.android.com/apk/res/it.sephiroth.demo.slider"
    android:layout_above="@id/txtDetailNews"
    android:id="@+id/drawer" my:direction="topToBottom"
    android:layout_width="fill_parent" android:layout_height="wrap_content"
    my:handle="@+id/handle" my:content="@+id/content">
    <include android:id="@id/content" layout="@layout/pen_content" />

    <ImageView android:id="@id/handle" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:src="@drawable/sliding_drawer_handle_bottom" />
</it.sephiroth.demo.slider.widget.MultiDirectionSlidingDrawer>

似乎抽屉内的组件正在渲染并占用所有空间，如下所示：

Answer 1

首先，您确实需要校对您的问题。如果您修正了一些非常基本的语法错误并对您所写的内容添加了一些说明，那么您现在可能会得到更多的回复。

这里有一些可以尝试的事情：将 TextView 移动到 XML 中的滑动抽屉上方，就像您在第一个布局中所做的那样。保留 android:layout_below="@id/drawer" 属性 - 但如果它不起作用，请尝试删除它。

尝试一下，我们就从那里开始。

Answer 2

尝试：在最后一个 TextView 上使用 android:layout_alignWithParentIfMissing="@id/header" 。

Answer 3

好吧，我必须对此做一些解决方法，因为背景上的内容占用了空间，而 Textview 放弃了它的空间，我所做的如下：

我将 TextView 放置在标题 imageView 之后，其 paddingTop 为 100dip。

    android:layout_width="wrap_content" android:text="@string/default_feed_detail"
    android:id="@+id/txtDetailNews" android:layout_alignWithParentIfMissing="@id/header" ></TextView>

然后在 MultiDirectionalSlidingDrawer 上我用 android:layout_above="@id/txtDetailNews" 设置内容

，这几乎解决了内容和标题之间滑动的问题，谢谢大家帮助我出...特别是 Nathan Fig，你赚到了那 50 个人 (y)