How to change Progress bar image in android

Question

I would like to change the progress bar to a custom drawable. How do I change the image of the progress bar?

Answer 1

Here my answer, i use my image in android progress bar..

 <ProgressBar
        android:layout_width="60dp"
        android:layout_height="50dp"
        android:layout_centerInParent="true"
        android:indeterminate="true"
        android:indeterminateDrawable="@drawable/my_progress_indeterminate" />

my_progress_indeterminate.xml:

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

animation.xml:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">

    <item android:drawable="@drawable/load" android:duration="50" />
    <item android:drawable="@drawable/load" android:duration="50" />
    <item android:drawable="@drawable/load" android:duration="50" />
     <rotate 
         xmlns:android="http://schemas.android.com/apk/res/android" 
         android:drawable="@drawable/load" 
         android:pivotX="50%" 
         android:pivotY="50%" 
         android:fromDegrees="330" 
         android:toDegrees="360" 
         android:repeatCount="1" />     

</animation-list>

Answer 2

You can create a class by extending ImageView and use it like following in a similar way to ProgressBar with a rotation animation.

class CustomProgressBar : AppCompatImageView {

constructor(context: Context) : super(context)

constructor(context: Context, attributeSet: AttributeSet) : super(context, attributeSet)

constructor(context: Context, attributeSet: AttributeSet, defStyleAttr: Int) : super(context, attributeSet, defStyleAttr)

private var anim: RotateAnimation? = null

init {
    setImageResource(R.drawable.your_custom_drawable)
    anim = RotateAnimation(
        0f, 350f, Animation.RELATIVE_TO_SELF, 0.5f,
        Animation.RELATIVE_TO_SELF, 0.5f
    )
    anim!!.interpolator = LinearInterpolator()
    anim!!.repeatCount = Animation.INFINITE
    anim!!.duration = 1000
    startAnimation(anim)
}

fun getRotateAnimation(): RotateAnimation? {
    return anim
}}

And in your layout.xml just use this class as your ProgressBar

            <com.example.CustomProgressBar
            android:id="@+id/customProgressBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal" />

And in your fragment or activity show or hide it like following:

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    customProgressBar = findViewById(R.id.customProgressBar)
}

fun showCustomProgressBar() {
    customProgressBar.visibility = VISIBLE
    customProgressBar.startAnimation(customProgressBar.getRotateAnimation())
}

fun hideCustomProgressBar() {
    customProgressBar.visibility = GONE
    customProgressBar.clearAnimation()
}