Custom circular progress bar with center image

Question

For my Android app, I want to put the image in circular progress bar. Expected Design:

http://hpics.li/cd6acba

Any ideas on how to do this?

Answer 1

You can take a regular layout file: loader.xml

<?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"
    android:gravity="center"
    android:clickable="false">

    <ProgressBar
        android:id="@+id/progressBar1"
        style="@android:style/Widget.ProgressBar.Small.Inverse"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminate="true"
        android:layout_centerInParent="true"
        android:padding="30dp"
        android:clickable="false"/>

    <ImageView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/img"
        android:clickable="false"/>

</RelativeLayout>

Make a little customization to suit your design.

Now use this layout as a ready-made run dialog.

Answer 2

• Create an xml animation:

  <?xml version="1.0" encoding="utf-8"?>
  <animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
      android:drawable="@drawable/progress_bar"
      android:pivotX="50%"
      android:pivotY="50%" />
  

• Define the following for your progressbar view in xml layout:

  android:indeterminateDrawable="@animator/progressbar_animation"