Android Vertical Layout : all my text controls render at the top

Question

I just want to show vertically a title, a picture, a description but instead I got all text controls above the picture whereas I did specify a vertical layout (android:orientation="vertical") in fragment showed by ViewPager :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity$DummySectionFragment" >

        <TextView
        android:id="@+id/section"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

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

        <TextView
        android:id="@+id/description"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

your parent layout is relative but you have coded your child elements in a way it is done for linearlayout — Harshad Ranganathan, Apr 27 '14 at 09:48

score 2 · Accepted Answer · edited May 23 '17 at 12:11

2

android:orientation="vertical" is for LinearLayout, change this to a LinearLayout or if you want to use a RelativeLayout define exactly where views are supposed to be displayed relative to other views. More info here: What are the differences between LinearLayout, RelativeLayout, and AbsoluteLayout?

edited May 23 '17 at 12:11

Community

1
1

answered Apr 27 '14 at 09:47

VM4

6,321
5
37
51

xgc1986 · Answer 2 · 2014-04-28T08:36:27.123

1

use LinearLayout instead of RelativeLayout or just implement Eng. Samer T solution

edited Apr 28 '14 at 08:36

answered Apr 27 '14 at 10:03

xgc1986

868
6
8

score 1 · Answer 3 · answered Apr 27 '14 at 10:06

You are using relativelayout

In relative layout no matter with orientation

Just use below snippet

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity$DummySectionFragment" >

    <TextView
        android:id="@+id/section"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="section" />

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

    <TextView
        android:id="@+id/description"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="description" />

</LinearLayout>

score 0 · Answer 4 · answered Apr 27 '14 at 09:54

    <TextView
    android:id="@+id/section"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

    <ImageView 
    android:id="@+id/image"
    android:src="@drawable/image1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/section"
    />

    <TextView
    android:id="@+id/description"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/image"       />

use android:layout_below and android:layout_above – Eng. Samer T Apr 27 '14 at 09:56 — Eng. Samer T, Apr 27 '14 at 09:56

Android Vertical Layout : all my text controls render at the top

4 Answers4