how to set android progress bar in center of the screen

Question

I am trying to show the progress bar in the center of the screen, but it doesn't show up in the center. Below is my layout. What am i doing wrong here? Basically this is a layout to show image and android gallery widget on top. When the user clicks on the thumbnails, I am loading an image from the web and I want to show the progress dialog while the image is loading.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
    android:id="@+id/container" android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:orientation="vertical">

    <Gallery android:id="@+id/gallery" android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:gravity="top" />

    <ImageView android:id="@+id/actualimage" android:scaleType="fitCenter"
        android:layout_width="fill_parent" android:layout_height="wrap_content"
        android:visibility="gone" android:layout_gravity="center_vertical|center_horizontal|center"
        android:adjustViewBounds="true" />

    <ProgressBar android:id="@+android:id/progress_small1"
        android:layout_height="wrap_content" android:layout_width="wrap_content"
        android:visibility="visible" android:layout_gravity="center_vertical|center_horizontal"
        android:gravity="center_vertical|center_horizontal" />

</LinearLayout>

score 46 · Accepted Answer · answered Oct 24 '11 at 04:23

Using a LinearLayout will stack your views vertically. Right now, your ImageView and ProgressBar are fighting for the centered position. For this type of situation, I would definitely recommend a RelativeLayout.

With RelativeLayout, you use android:layout_centerInParent="true".

score 5 · Answer 2 · answered Oct 24 '11 at 04:24

5

Do android:gravity="center" in the root LinearLayout. Set the android:visibility of all other elements apart from the ProgressBar to gone when you want to show the ProgressBar

answered Oct 24 '11 at 04:24

500865

6,920
7
44
87

Thanks for your comments. I did try this but I still needed to display AdMob adView so it did not work as exepcted. – Chandu Oct 24 '11 at 18:37
This shall answer at the question's title – Thecave3 Feb 11 '18 at 02:09

score 4 · Answer 3 · answered Oct 24 '11 at 04:15

4

Try giving the progress bar a layout_weight of 1

answered Oct 24 '11 at 04:15

Bradley Uffner

16,641
3
39
76

Going to have to agree with Andro Selva on this one. The progress dialog is going to b a lot easier to work with. – Bradley Uffner Oct 24 '11 at 04:23
Thanks for your comments. Thought I will update on what I tried adding layout_weight. For some reason it expanded the progressbar size to ugly pixelated wheel spinning. layout_weight is more so for the ratio of the screen space to be allocated among the views than their placement I think. – Chandu Oct 24 '11 at 18:36

score 3 · Answer 4 · edited Jun 20 '20 at 09:12

Maybe you should go for progress dialog, since I believe you are trying to show a progress indicator until the images are loaded for the gallery.

This will get you started.

http://www.helloandroid.com/tutorials/using-threads-and-progressdialog

http://www.androidpeople.com/android-progress-dialog-example

And still if you are looking for a way to make use of your progressbar itself then maybe you should give a try to the answer provided by Bradley Uffner

score 2 · Answer 5 · answered Apr 18 '13 at 19:48

2

Add following:

android:layout_centerHorizontal="true"
android:layout_centerVertical="true"

answered Apr 18 '13 at 19:48

Taner

4,511
3
18
14

score 1 · Answer 6 · answered Jul 20 '16 at 19:51

I know this question is answered, but considering performance of laying out views/Subviews, RelativeLayout is expensive(it requires two pass). If your view hierarchy is complex, go for Relative Layout, or if your view has just simple views like below please go for Linear layout/Frame layout.

From my experience, when my app grown, UI performance with Relative layout was worse, ended up in reworking on all layout files :( Below is sample for putting a view(ProgressView in my case) in exactly center of view.

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" android:orientation="vertical">
    <android.support.v7.widget.AppCompatImageView android:layout_gravity="center"  android:layout_width="match_parent"
        android:layout_height="0dp" app:srcCompat="@drawable/check" android:scaleType="fitCenter"
        android:layout_weight=".7"/>
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp" android:layout_weight=".3">
        <ProgressBar android:layout_gravity="center|center_horizontal" android:indeterminateTint="@color/textColorPrimary"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:indeterminate="true"/>
    </FrameLayout>

</LinearLayout>

how to set android progress bar in center of the screen

6 Answers6

Linked