Android custom circular ProgressBar direction

Question

I have a custom Circular Progressbar. This is the drawable I have for it to be determinate:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:id="@android:id/secondaryProgress">
    <shape
        android:innerRadiusRatio="6"
        android:shape="ring"
        android:thicknessRatio="20.0"
        android:useLevel="true">
     <gradient
          android:centerColor="#999999"
          android:endColor="#999999"
          android:startColor="#999999"
          android:type="sweep" />
    </shape>
  </item>
  <item android:id="@android:id/progress">
   <rotate
      android:fromDegrees="270"
      android:pivotX="50%"
      android:pivotY="50%"
      android:toDegrees="270">

  <shape
      android:innerRadiusRatio="6"
      android:shape="ring"
      android:thicknessRatio="20.0"
      android:useLevel="true">


    <rotate
        android:fromDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="0" />

    <gradient
        android:centerColor="?attr/colorAccent"
        android:endColor="?attr/colorAccent"
        android:startColor="?attr/colorAccent"
        android:type="sweep" />

      </shape>
    </rotate>
  </item>
</layer-list>

I want it to show the progress in a clockwise direction, but now it's showing counterclockwise.

How do I change it?

how are you incrementing progress? I have a circular progress bar, used your drawable, and it rotates clockwise — khusrav, Jul 05 '17 at 21:36

score 20 · Accepted Answer · answered Jul 05 '17 at 21:07

20

I guess you're using an rtl language? You can force the progress bar to an ltr or clockwise direction by setting the layoutDirection property on your ProgressBar.

<ProgressBar
    ...
    android:layoutDirection="ltr" />

answered Jul 05 '17 at 21:07

tachyonflux

20,103
7
48
67

score 2 · Answer 2 · answered Jan 08 '21 at 10:02

2

By using latest versions of material design library, you can achieve this:

in the layout with this attribute
```
app:indicatorDirectionCircular
```
or programmatically with this method
```
setIndicatorDirection()
```

Refer here for more info.

answered Jan 08 '21 at 10:02

Mahozad

18,032
13
118
133

score 0 · Answer 3 · answered Jul 03 '17 at 11:42

0

Change this

<rotate
    android:fromDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="0" />

to

<rotate
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" />

answered Jul 03 '17 at 11:42

Cecil Paul

595
6
27

Doesn't work. It was that way at the beginning, and I tried changing it. – amitairos Jul 03 '17 at 11:43

score 0 · Answer 4 · answered Jul 05 '17 at 12:25

0

I'm not sure if it will work, but just try to set android:toDegrees="-360" like this :

<rotate
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="-360" />

answered Jul 05 '17 at 12:25

ziLk

3,120
21
45

score 0 · Answer 5 · answered Oct 18 '22 at 15:14

0

you can change rotation on Y axis by 180 degrees

android:rotationY="180"

answered Oct 18 '22 at 15:14

Mohamed Shawky

159
2
4

Android custom circular ProgressBar direction

5 Answers5

Linked