layout_below not working in RelativeLayout

Question

I have a Relative Layout with 3 children.

1st is ImageView cover.
2nd is ImageView avatar center in parent and
3rd is TextView app name below avatar and center horizontal.

As in theory it should work but my layout not place text below avatar. What's wrong with RelativeLayout?

P/S: I've tried both android:layout_below="@+id/logo2" and android:layout_below="@id/logo2" but still didn't work!

Thank you!

Here is my xml layout.

<?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="wrap_content">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@drawable/android_apple"/>

    <ImageView
        android:id="@+id/logo2"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:layout_centerInParent="true"
        android:src="@drawable/default_avatar"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/logo2"
        android:layout_centerHorizontal="true"
        android:text="AAAAAAA"
        android:textStyle="bold"/>
</RelativeLayout>

And the result:

King of Masses · Answer 1 · 2017-08-04T05:38:00.890

2

Change the parent Relative Layout height to match parent. It will work.

Like this

<?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">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@drawable/android_apple"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
                                          />

    <ImageView
        android:id="@+id/logo2"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:layout_centerInParent="true"
        android:src="@drawable/default_avatar"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/logo2"
        android:layout_centerHorizontal="true"
        android:text="AAAAAAA"
        android:textStyle="bold"/>
</RelativeLayout>

edited Aug 04 '17 at 05:38

answered Aug 04 '17 at 04:27

King of Masses

18,405
4
60
77

I need layout height equal to ImageView cover height – phamxuanlu Aug 04 '17 at 04:31
You need to show your cover image to full page right ? – King of Masses Aug 04 '17 at 04:32
My cover image's height not full of Screen. And I want to use only one RelativeLayout with 3 children. Is that bug of RelativeLayout? – phamxuanlu Aug 04 '17 at 05:36
Check my updated answer. may be it is an issue with RL. IDK – King of Masses Aug 04 '17 at 05:38
this assumes Relative layout must be full height which is not true for my case at least so this answer is wrong – nikoss Jul 10 '20 at 02:14

score -1 · Answer 2 · answered Aug 04 '17 at 05:21

try below code

    <?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="wrap_content">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@drawable/android_apple"/>

    <ImageView
        android:id="@+id/logo"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:layout_centerInParent="true"
        android:src="@drawable/default_avatar"
        android:layout_margin="5dp"/>

    <RelativeLayout
        android:id="@+id/profile_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/logo"
        android:elevation="4dp"
        android:layout_marginTop="64dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="AAAAAAA"
            android:textStyle="bold"
            android:layout_margin="10dp"
            android:layout_centerHorizontal="true"/>
    </RelativeLayout>
</RelativeLayout>

score -1 · Answer 3 · answered Aug 04 '17 at 05:35

Try this.

 <?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">


    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_marginStart="10dp"
        android:adjustViewBounds="true"
        android:src="@drawable/android_apple" />

    <ImageView
        android:id="@+id/logo2"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:layout_centerInParent="true"
        android:src="@drawable/default_avatar" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignStart="@+id/logo2"
        android:layout_below="@+id/logo2"
        android:text="AAAAAAA"
        android:textStyle="bold" />

</RelativeLayout>

score -1 · Answer 4 · answered Aug 04 '17 at 05:39

-1

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/logo2"
    android:layout_centerHorizontal="true"
    android:text="AAAAAAA"
    android:textStyle="bold"/>

You are using layout_below="@+id/logo2". Use layout_below="@id/logo2", It will work.

answered Aug 04 '17 at 05:39

K Sathish

247
3
13

those things are the same aren't they? – Bryan Aug 04 '17 at 07:38
1

@Vryin, no they are not. Refer [this](https://stackoverflow.com/questions/11160954/what-is-the-difference-between-id-and-id) – n_r Aug 04 '17 at 09:01
I know that, and here I thought you meant different things. It still should work even with + or without. – Bryan Aug 04 '17 at 09:08
If you give +, It takes that as new resource – K Sathish Aug 07 '17 at 06:56

layout_below not working in RelativeLayout

4 Answers4