How to center in ScrollView and LinearLayout

Question

Please have a look at the following code

<ScrollView 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=".DisplayResult" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >

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

        <TextView
            android:id="@+id/orTxt"
            android:text="Or"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            />

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

    </LinearLayout>




    </ScrollView>

I need to center everything inside the LinearLayout. I must use scrollview because when the app is 100% done, there will be lot of information which cannot be viewed by a single glance, without scrolling. How can make these center? Please help!

UPDATE

use any layout inside the scroll, no prob. But I need those elements to be in the same order (one after another) and centered.

This is work for me http://stackoverflow.com/a/12755540/3758898 — Kishan Vaghela, May 20 '15 at 18:54

score 16 · Accepted Answer · answered Dec 27 '12 at 19:47

16

you need to set gravity as centered for linear layout

< LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:orientation="horizontal" >

answered Dec 27 '12 at 19:47

Talha

12,673
5
49
68

is there a way to do that programmaticaly? – TheModularMind Aug 20 '13 at 13:06
find you linearlayout onCreate view then ln.setGravity(Gravity.CENTER); – Talha Aug 20 '13 at 13:54

score 3 · Answer 2 · answered Aug 06 '13 at 09:54

This one worked for me:

<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:gravity="center">

<ScrollView 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
>



 <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:gravity="center"

score 0 · Answer 3 · edited Apr 05 '16 at 07:09

0

Try using layout_gravity on your LinearLayout to center_horizontal:

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_height="wrap_content"
    android:orientation="horizontal"/>

edited Apr 05 '16 at 07:09

Shridutt Kothari

7,326
3
41
61

answered Dec 27 '12 at 19:45

Khantahr

8,156
4
37
60

Mohit Baghel · Answer 4 · 2020-06-29T06:32:16.580

<ScrollView 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=".DisplayResult"
    scrollbars="horizontal">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_horizontal">

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

        <TextView
            android:id="@+id/orTxt"
            android:text="Or"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            />

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

    </LinearLayout>




    </ScrollView>

#If you want to Linear layout in a center you need to write android:gravity="center_horizontal" in your linear layout.

in what ways your answer differs with the one already marked as an answer? Could you explain? — Van_Cleff, Jun 17 '20 at 19:34
Also, it's recommended to wite a little explanation about your solution. — Van_Cleff, Jun 17 '20 at 19:36

How to center in ScrollView and LinearLayout

4 Answers4