Display TextView after ImageView

Question

I want to display TextView after ImageView but right now Text is coming over Image on my Android screen.

layout:

<FrameLayout 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"
tools:context="in.sitemakers.sitemakers.AboutFragment">

<ImageView
    android:id="@+id/about_image"
    android:src="@drawable/sitemakers_laptops"
    android:layout_width="match_parent"
    android:scaleType="fitXY"
    android:layout_height="420dp" />

<TextView
    android:layout_below="@+id/about_image"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Site Makers is the web development company engage in the.."
    />

</FrameLayout>

Please see above screenshot and help me update my XML in such a way so that TextView will come after ImageView.

Pavneet_Singh · Accepted Answer · 2017-10-28T14:38:09.430

7

Replace FrameLayout with LinearLayout or RelativeLayout because FrameLayout place view one over another

LinearLayout : Place child view in linear fashion , one after another either horizontally or vertically.

Note : Linear layout also let you allocate the available width and height among child views dynamically as per assigned weight property value.

RelativeLayout : A Layout where the positions of the children can be described in relation to each other or to the parent

There are many other ViewGroups you can use as per the instructions

Note : Don't use px instead use dp as android:layout_height="420dp" because px represent actual screen pixel which restrict to keep the same size of your views on large screen (views will be quite small) , as mentioned here with Density independence

edited Oct 28 '17 at 14:38

answered Oct 28 '17 at 14:05

Pavneet_Singh

36,884
5
53
68

@Pavneet_Singh Thanks man, RelativeLayout resolved the issue. – Amit Gupta Oct 28 '17 at 14:09
@AmitGupta then accept this answer if issue is resolved – UltimateDevil Oct 28 '17 at 14:16
@UltimateDevil Yes accepted my dear friend.. Stackoveflow asking me to wait for sometime otherwise accepted earlier :) – Amit Gupta Oct 28 '17 at 14:19
@AmitGupta i am glad that i could help , happy coding and thanks UltimateDevil – Pavneet_Singh Oct 28 '17 at 14:20
Sir @Pavneet_Singh need a help on this **[question](https://stackoverflow.com/q/47001656/7073808)** . Please look at once – UltimateDevil Oct 30 '17 at 02:00

score 1 · Answer 2 · answered Feb 10 '22 at 18:12

1

You can use linearlayout with orientation="vertical" and Its really easy to implement.

answered Feb 10 '22 at 18:12

Rohit S

714
5
7

score 0 · Answer 3 · answered Oct 28 '17 at 16:09

You can use LinearLayout or RelativeLayout

If You use LinearLayout So you can set orientation="vertical"

If You use RelativeLayout So you can use android:layout_below="@id/about_image" in Your TextView.

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    orientation="vertical"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/about_image"
        android:src="@drawable/sitemakers_laptops"
        android:layout_width="match_parent"
        android:scaleType="fitXY"
        android:layout_height="420px" />

    <TextView
        android:layout_below="@+id/about_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Site Makers is the web development company engage in the.."/>

    </LinearLayout>

Display TextView after ImageView

3 Answers3