Right to Left ProgressBar?

Question

Does anyone know how to make a View reversed, I have a horizontal ProgressBar and I want it to right to left instead of left to right

Why do you need an RTL progress bar? All the progress bars I've seen go from left to right. — In silico, Oct 07 '10 at 00:19
We can only answer pseudocode questions with pseudocode... otherwise please at least specify what EboMike's comment asks for. — BoltClock, Oct 07 '10 at 00:28

score 72 · Answer 1 · answered Aug 17 '13 at 10:29

72

It's even easier. You can simply call the following method and then it's rotated and works just how you wanted.

progressBar.setRotation(180);

An example: a normal progressbar and a RTL progressbar

answered Aug 17 '13 at 10:29

yansigner

885
1
6
5

should be the best answer so far – J Jiang Apr 21 '14 at 07:22
4

You can set this directly in the XML file with `android:rotation="180"` – Sunshinator Jun 30 '16 at 20:11
It also crashes my app. Android 6.0. Default direction is RTL, but I wanted the progress bar LTR. – Vahid Amiri Aug 24 '16 at 08:58
1

Setting the `LayoutDirection` on ProgressBar object works for me. – Vahid Amiri Aug 24 '16 at 09:04
In API 24 (7.0) seekbar become transparent with rotation=180 – Pavel Shorokhov Dec 19 '17 at 08:25

score 34 · Answer 2 · answered Nov 03 '16 at 11:39

34

You can flip a view in xml using scaleX or scaleY attributes

    <ProgressBar
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:scaleX="-1"/>

answered Nov 03 '16 at 11:39

Симонов Василий

461
4
3

1

definitely should be the answer – Desolator Apr 12 '18 at 08:15
available in circle ProgressBar – 최봉재 Mar 12 '20 at 06:32

Moss · Accepted Answer · 2013-05-12T19:08:18.743

18

Make a subclass of the normal progress bar view and implement the onDraw method to rotate the canvas before drawing it:

@Override
protected void onDraw(Canvas canvas) {
    canvas.save();
    canvas.rotate(180,<CenterX>,<CenterY>);
    super.onDraw(canvas);
    canvas.restore();
}

This should do the trick.

edited May 12 '13 at 19:08

answered Oct 07 '10 at 10:06

Moss

6,002
1
35
40

score 14 · Answer 4 · answered Oct 07 '10 at 12:47

 public class inverseSeekBar extends ProgressBar {

public inverseSeekBar(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    // TODO Auto-generated constructor stub
}

public inverseSeekBar(Context context, AttributeSet attrs) {
    super(context, attrs);
    // TODO Auto-generated constructor stub
}

public inverseSeekBar(Context context) {
    super(context);
    // TODO Auto-generated constructor stub
}

@Override
protected synchronized void onDraw(Canvas canvas) {
    // TODO Auto-generated method stub
     canvas.save(); 

        //now we change the matrix
        //We need to rotate around the center of our text
        //Otherwise it rotates around the origin, and that's bad. 
        float py = this.getHeight()/2.0f;
        float px = this.getWidth()/2.0f;
        canvas.rotate(180, px, py); 

        //draw the text with the matrix applied. 
        super.onDraw(canvas); 

        //restore the old matrix. 
        canvas.restore(); 
}}
  <com.hlidskialf.android.widget.inverseSeekBar 

       style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="200dip"
    android:layout_height="wrap_content"
    android:max="100"
    android:progress="50"
    android:secondaryProgress="75" 

/>

mypackage: com.test.testProgressBar

EricRobertBrewer · Answer 5 · 2013-06-24T20:12:20.693

You don't need to rotate the entire View.

Just use a single xml attribute in your my_progress_drawable.xml:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@android:id/background"
        android:drawable="@drawable/my_background"/>
    <item android:id="@android:id/progress">
        <clip
            android:drawable="@drawable/my_right_to_left_progress"
            android:gravity="right" /> <!-- Clip the image from the RIGHT -->
    </item>

</layer-list>

The documentation tells us that gravity="right" does this:

Put the object at the right edge of its container, not changing its size. When clipOrientation is "horizontal", clipping occurs at the left side of the drawable.

Don't override onDraw(). This implementation is more stable across different versions of Android.

Unfortunately, it's impossible to set the gravity of a ClipDrawable programmatically without invoking its constructor.

For holo themes which use rather than , scaleGravity can be used instead — FunkTheMonk, Aug 09 '13 at 14:53

score 8 · Answer 6 · answered Mar 30 '18 at 07:38

if you want it in XML there are two properties you can use. if you want to use android:layoutDirection="rtl" it requires minimum API 17 but if you use android:rotation="180" there is no API limitation

<ProgressBar
        android:progress="20"
        android:rotation="180"
        style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

score 7 · Answer 7 · edited Sep 01 '16 at 12:56

7

Cos I'm lazy I just add these two lines to the seekbar xml:

android:layoutDirection="rtl"
android:mirrorForRtl="true"

Any downsides to this?

edited Sep 01 '16 at 12:56

mtb

1,350
16
32

answered Sep 01 '16 at 12:06

mmmartinnn

387
4
16

mirrorforRtl only supports api > 18 – Mohamed Mohaideen AH May 12 '19 at 11:37
This must be the right answer if anyone is looking to switch between rtl and ltr layouts. If you want both that for LTR the progress should start from left and for RTL progress should start from right just add -> android:mirrorForRtl="true" – Prahlad V Thej May 12 '21 at 11:22

score 3 · Answer 8 · answered Jan 11 '17 at 09:33

<ProgressBar
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:max="100"
    android:layout_margin="8dp"
    android:layoutDirection="rtl"
    android:progress="80" />

Right to Left ProgressBar?

8 Answers8

Linked