Custom progressbar not fitting properly on screens with different resolution and density

Question

Hi I am stuck with an issue and need some expert suggestions. I have a custom circular progress par whose boundary rotates as an animating light in my splash screen

It looks like this:

enter image description here

The boundary light continuously rotates till splash screen is there.

Now my splash screen has a background image which has a circle drawing at upper half of image:

It looks like this:

enter image description here

Now my circular progress bar should fit on that background circle boundary. What ever i do, it fails for some phone screens (circle is misplaced).

How can i fit into background circle and it can work on all phones and tablets.

Please let me know if further clarification is needed.

This is how I have defined circular progressbar:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


     <ImageView
        android:id="@+id/my_splash_screen"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/splashscreen" /> 


   <ProgressBar
       android:id="@+id/progress"
       style="?android:attr/progressBarStyleLarge"
       android:layout_width="170dp"
       android:layout_height="170dp"
       android:layout_centerHorizontal="true"
       android:layout_centerVertical="true"

       android:indeterminateDrawable="@drawable/my_progress_indeterminate"
       android:visibility="visible"/> 

</RelativeLayout>

Hey if you are using `match_parent` for 1 view and specific value(170 dp) for the other, they will most probably won't fit as you wanted. — Archie.bpgc, Aug 14 '13 at 06:56

score 0 · Answer 1 · answered Aug 14 '13 at 05:17

0

I think you need to change the style attribute and set your android:layout_width="match_parent". The problem is you are setting the style to large which by default has its size pre-defined. Further in your width and height attribute you are trying to resize it. So this might be the problem.

answered Aug 14 '13 at 05:17

Zax

2,870
7
52
76

I tried setting it to match parent but then it does not fit background circle boundary. This code is from one of my layout files for xhdpi screens. I tried to hardcode for different screen resolution but still it misfits for some screens. – Sushil Aug 14 '13 at 05:21

GrIsHu · Answer 2 · 2013-08-14T05:35:40.133

0

Try out with the HoloCircular ProgressBar is a Custom View implementation for Android.

Checkout the HoloCircular ProgressBar which might help you.

Other Library that you can use are as below:

1) Progress Wheel

2) ProgressBar

3) Customize the Spinner

Thanks.

edited Aug 14 '13 at 05:35

answered Aug 14 '13 at 05:28

GrIsHu

29,068
10
64
102

Thanks for your answer but I dont think progressbar is my problem. Problem is setting its size so that it fits background circle boundary for all screens. – Sushil Aug 14 '13 at 05:42
Try using the `FrameLayout` in your layout file. – GrIsHu Aug 14 '13 at 05:49

score 0 · Accepted Answer · edited May 23 '17 at 12:28

0

This link helped me resolve the issue to some extent as it now suppots majority of devices. Still I could get a general solution to the problem. But I can consider this as answer:

Application Skeleton to support multiple screen

edited May 23 '17 at 12:28

Community

1
1

answered Aug 19 '13 at 07:48

Sushil

8,250
3
39
71

Custom progressbar not fitting properly on screens with different resolution and density

3 Answers3