How to get a textview centred on top of an ImageView

Question

I am attempting to get some text to appear in the centre of an ImageView. But using this xml (below) what I see its the text wedged in the top left of the FrameLayout. What did I do wrong?

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_weight="1"
  >

        <ImageView
            android:id="@+id/levbut"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:scaleType="centerInside"
            android:src="@drawable/starbut"
             />

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

</FrameLayout>

set android:gravity="center" of textView. – Jibran Khan Jul 19 '13 at 18:15 — Jibran Khan, Jul 19 '13 at 18:15

score 2 · Accepted Answer · edited Mar 13 '15 at 17:44

2

You can either add a gravity to the FrameLayout, a layout_gravity to the textView, or change it to a RelativeLayout and add centerInParent="true".

<FrameLayout
    ...
    android:gravity="center">

or

<FrameLayout
    ... />
    <TextView
        ...
        android:layout_gravity="center" />
</FrameLayout>

or

<ReltiveLayout
    ...>
    <ImageView ... />
    <TextView
        ...
        android:layout_centerInParent="true" />
</RelativeLayout>

edited Mar 13 '15 at 17:44

Darth Coder

1,628
6
31
55

answered Jul 19 '13 at 18:17

alex

6,229
1
22
21

adding android:layout_gravity="center" to the TextView did the trick – Mick Jul 19 '13 at 18:21

score 0 · Answer 2 · answered Jul 19 '13 at 18:15

0

Change android:layout_gravity="center" with android:gravity="center" for the FrameLayout element.

answered Jul 19 '13 at 18:15

Andy Res

15,752
4
57
92

score 0 · Answer 3 · answered Jul 19 '13 at 18:24

Try this add android:gravity="center" for TextView and change its width and height to Match parent

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" >

<ImageView
    android:id="@+id/levbut"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:scaleType="centerInside"
    android:src="@drawable/star_but" />

<TextView
    android:id="@+id/tvtest"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="Hello" 
    android:gravity="center"/>

How to get a textview centred on top of an ImageView

3 Answers3

Linked