Android Flip ImageView Vertically

Question

I am trying to flip and ImageView vertically but it just won't work.

Java:

public static void flipImageVertically(final Bitmap bmp, final ImageView imageView) {
    final Matrix matrix = new Matrix();

    matrix.preScale(1.0f, -1.0f);

    imageView.setImageBitmap(Bitmap.createBitmap(bmp, 0, 0, bmp.getWidth(), bmp.getHeight(), matrix, true));
}

XML:

<LinearLayout                
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/red" />

</LinearLayout>

The ImageView isn't flipping at all.

Anyone know why?

score 119 · Answer 1 · edited May 23 '17 at 12:10

119

Check this answer. You can perform flip very easily using an xml parameter

android:scaleY="-1"

~~Note that this does not work in preview, only when you run the app.~~
Since Android Studio 2, this works in preview as well.

Alternatively you can call setScaleY(-1f) on your ImageView in code.

edited May 23 '17 at 12:10

Community

1
1

answered Mar 15 '15 at 15:06

Lamorak

10,957
9
43
57

That doesn't work for me. I've tried it and it still won't flip. – Subby Mar 15 '15 at 15:41
1

it doesn't work in preview have you tried to run it? – Lamorak Mar 15 '15 at 17:48

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

Use rotationY attribute on your widget,

  android:rotationY="180"

For example:

<androidx.appcompat.widget.AppCompatImageView
   android:layout_width="@dimen/button_height_small"
   android:layout_height="@dimen/button_height_small"
   android:layout_gravity="center"
   android:padding="@dimen/space_medium"
   android:rotationY="180"/>

score 7 · Answer 3 · edited Nov 16 '19 at 14:42

7

I used

 imageView.setScaleY(-1);

to flip an imageView (scaling of around the pivot point reltive to the unscaled width, compare documentation

edited Nov 16 '19 at 14:42

Frederic Klein

2,846
3
21
37

answered Nov 16 '19 at 14:05

Pegah Ahmadvand

97
2
10

android:scaleX="-1" works – Shakir Oct 06 '21 at 12:33

score 4 · Answer 4 · edited May 07 '19 at 13:34

4

I used

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="YOUR_DRAWABLE_HERE"
    android:rotation="180"/>  // USE THIS TO ROTATE THE IMAGE

This rotates the image by 180° which may look like a flip, depending on your image.

Hope this helps :)

edited May 07 '19 at 13:34

Manuel

14,274
6
57
130

answered Aug 10 '18 at 10:02

Ali Goher Shabir

385
2
6

Good answer here – FireZenk Nov 16 '18 at 12:06
3

A rotation is not a flip, clarified the answer. – Manuel May 07 '19 at 13:30

Shadow · Answer 5 · 2020-11-08T16:40:16.617

2

I tried using rotate animation but the best way is

    image.setRotationX(180); for vertical 
    image.setRotationY(180); for horizontal

the only problem is with resetting it.

edit: flip is like mirror view rotation. my ans is for rotation and not flip rotate.clarified it.

edited Nov 08 '20 at 16:40

answered Jun 26 '20 at 08:35

Shadow

37
9

Rotation does not mean flip – Devansh Maurya Nov 05 '20 at 14:57
1

ohh haan ...flip is like mirror view vala rotation. – Shadow Nov 08 '20 at 16:38

score 1 · Answer 6 · answered Mar 15 '15 at 14:50

1

This could happen if the Bitmap you are passing to the flipImageVertically method is the reverse and you are always passing the same bitmap every time. Posting more details could help narrowing down, xml and code.

answered Mar 15 '15 at 14:50

Catalina

1,954
1
17
25

I have added the XML code. I am only passing in the original Bitmap. I'm not altering it at all before hand. – Subby Mar 15 '15 at 15:03
The bitmap that you are passing; is it coming from a resource or? try this private static boolean flipped; public static void flipImageVertically(Bitmap bmp, final ImageView imageView) { final Matrix matrix = new Matrix(); if (flipped) { matrix.preScale(1.0f, -1.0f); } else { matrix.preScale(-1.0f, 1.0f); } flipped = !flipped; imageView.setImageBitmap(Bitmap.createBitmap(bmp, 0, 0, bmp.getWidth(), bmp.getHeight(), matrix, true)); } – Catalina Mar 15 '15 at 15:08
It will alternatively flip the image upside down and upside up alternatively. – Catalina Mar 15 '15 at 15:09
Yes it is coming from a resource. I have already tried that code but it still won't work. – Subby Mar 15 '15 at 15:41
If it's coming from a resource the flipped image will always be the same. For example if you have an image of an arrow pointing up when flipped it will be an image of an arrow pointing down if loaded from resource every time. Instead of loading it from resource use Bitmap bit = ((BitmapDrawable)imageView.getDrawable()).getBitmap() to get the image that is currently in the image view and use that in the flipImage method. You should also use android:src="@drawable/your_image" in xml as the imageView will not have an image initially – Catalina Mar 15 '15 at 15:47

score 1 · Answer 7 · answered Nov 06 '15 at 16:02

Just to notify that I've developed a new library FlipView that includes and extends this specific animation (flip). I mean a fully customizable library where you will be able to swap any kind of views and layouts with any kind of animation and shapes you desire, included the Gmail image flipping.

For your specific case, the example I provided with the library has a vertical flip as well.

Please have a look.

score 0 · Answer 8 · answered Apr 30 '15 at 11:36

get the drawable from the resources

Bitmap icon = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.index);

and then

public static Bitmap flip(Bitmap src, Direction type) {
    Matrix matrix = new Matrix();

    if(type == Direction.VERTICAL) {
        matrix.preScale(1.0f, -1.0f);
    }
    else if(type == Direction.HORIZONTAL) {
        matrix.preScale(-1.0f, 1.0f);
    } else {
        return src;
    }

    return Bitmap.createBitmap(src, 0, 0, src.getWidth(), src.getHeight(), matrix, true);
}

Set ImageView.setImageBitmap()

Android Flip ImageView Vertically

8 Answers8