使用Android RelativeLayout叠加的元素

Question

我有下面的Android布局

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

    <TextView
        android:id="@+id/slideTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dip"
        android:padding="@dimen/px20"
        android:text="@string/login_message"
        android:textSize="@dimen/px25"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/slideDescription"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableLeft="@drawable/password"
        android:drawablePadding="@dimen/px20"
        android:drawableStart="@drawable/password"
        android:padding="@dimen/px20"
        android:text="@string/login_message_body"
        android:textSize="@dimen/px20" />

    <TextView
        android:id="@+id/swipeMessage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="" />

</RelativeLayout>

但是所有的元素都位于屏幕的顶部，一个在另一个上面，就像它们没有占据任何空间一样。

在文档中，所有元素都垂直地放置在另一个元素下面，这似乎不是这样的。

这里发生了什么事？

Answer 1

因此，您需要使用其他组件的id，然后正确地对齐。

例如，带有id @+id/slideDescription的@+id/slideDescription也应该将android:layout_below="@+id/slideTitle"作为xml的属性之一。

带有id @+id/swipeMessage的@+id/swipeMessage也应该将android:layout_below="@+id/slideDescription"作为xml的属性之一。

Answer 2

为了将一个视图放置在RelativeLayout中的另一个视图下面，您必须使用下面属性并设置您希望位于指定视图之上的视图ID。但实际上，为了将视图垂直放置在彼此下面，使用方向设置为垂直的LinearLayout更方便。

Answer 3

layout_below在上面的xml代码中被遗漏了，我用它替换了代码，请使用它。

在相对布局中，元素网将相对于其他元素排列，为了做到这一点，我们应该使用各个视图单元的id值。

android:layout_below="@id/slideTitle“应该放在描述文本视图中，android:layout_below=”@id/幻灯片描述“应该放在消息文本视图中

为了获得您想要的输出，请使用以下代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="16dp" >

<TextView
    android:id="@+id/slideTitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dip"
    android:padding="@dimen/px20"
    android:text="@string/login_message"
    android:textSize="@dimen/px25"
    android:textStyle="bold" />

<TextView
    android:id="@+id/slideDescription"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/slideTitle"
    android:drawableLeft="@drawable/password"
    android:drawablePadding="@dimen/px20"
    android:drawableStart="@drawable/password"
    android:padding="@dimen/px20"
    android:text="@string/login_message_body"
    android:textSize="@dimen/px20" />

<TextView
    android:id="@+id/swipeMessage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_below="@id/slideDescription"
    android:text="" />

​