Android: Xoay hình ảnh trong chế độ xem hình ảnh theo một góc

Tôi đang sử dụng đoạn mã sau để xoay hình ảnh trong ImageView theo một góc. Có bất kỳ phương pháp đơn giản và ít phức tạp hơn có sẵn.

ImageView iv = (ImageView)findViewById(imageviewid);
TextView tv = (TextView)findViewById(txtViewsid);
Matrix mat = new Matrix();
Bitmap bMap = BitmapFactory.decodeResource(getResources(),imageid);
mat.postRotate(Integer.parseInt(degree));===>angle to be rotated
Bitmap bMapRotate = Bitmap.createBitmap(bMap, 0, 0,bMap.getWidth(),bMap.getHeight(), mat, true);
iv.setImageBitmap(bMapRotate);

Một cách đơn giản khác để xoay vòng ImageView:
CẬP NHẬT:
Nhập khẩu bắt buộc:

import android.graphics.Matrix;
import android.widget.ImageView;

Mã số: (Giả sử imageView, angle, pivotX& pivotYđược đã được xác định)

Matrix matrix = new Matrix();
imageView.setScaleType(ImageView.ScaleType.MATRIX);   //required
matrix.postRotate((float) angle, pivotX, pivotY);
imageView.setImageMatrix(matrix);

Phương pháp này không yêu cầu tạo một bitmap mới mỗi lần.

LƯU Ý: Để xoay một ImageViewtrên ontouch khi chạy bạn có thể đặt onTouchListener trên ImageView& xoay nó bằng cách thêm hai dòng cuối cùng (tức là postRotate ma trận & cài đặt nó trên IMAGExem ) trong phần mã trên liên lạc của bạn nghe ACTION_MOVE phần.

mImageView.setRotation(angle) với API> = 11

Nếu bạn đang hỗ trợ API 11 trở lên, bạn chỉ có thể sử dụng thuộc tính XML sau:

android:rotation="90"

Nó có thể không hiển thị chính xác trong bản xem trước xml của Android Studio, nhưng nó hoạt động như mong đợi.

Có hai cách để làm điều đó:

1 Sử dụng Matrixđể tạo một bitmap mới:

imageView = (ImageView) findViewById(R.id.imageView);
Bitmap myImg = BitmapFactory.decodeResource(getResources(), R.drawable.image);

Matrix matrix = new Matrix();
matrix.postRotate(30);

Bitmap rotated = Bitmap.createBitmap(myImg, 0, 0, myImg.getWidth(), myImg.getHeight(),
        matrix, true);

imageView.setImageBitmap(rotated);

2 sử dụng RotateAnimationtrên Viewbạn muốn Xoay, và chắc chắn rằng các thiết lập Animation để fillAfter=true, duration=0vàfromDegrees=toDgrees

 <?xml version="1.0" encoding="utf-8"?>
<rotate
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:fromDegrees="45"
  android:toDegrees="45"
  android:pivotX="50%"
  android:pivotY="50%"
  android:duration="0"
  android:startOffset="0"
/>

và thổi phồng hình ảnh động trong mã:

Animation rotation = AnimationUtils.loadAnimation(this, R.anim.rotation);
myView.startAnimation(rotation);

Tôi biết điều này là cực kỳ muộn, nhưng nó rất hữu ích cho tôi vì vậy nó có thể giúp đỡ người khác.

Kể từ API 11, bạn có thể đặt chế độ xoay tuyệt đối của ImageView theo chương trình bằng cách sử dụng imageView.setRotation(angleInDegrees);phương thức.

Nói một cách tuyệt đối, ý tôi là bạn có thể liên tục gọi chức năng này mà không cần phải theo dõi vòng quay hiện tại. Có nghĩa là, nếu tôi xoay bằng cách chuyển 15Fđến setRotation()phương thức, sau đó gọi setRotation()lại bằng 30F, xoay hình ảnh với 30 độ chứ không phải 45 độ.

Lưu ý: Điều này thực sự hoạt động cho bất kỳ lớp con nào của đối tượng View , không chỉ ImageView.

Đây là triển khai của tôi về RotitableImageView . Cách sử dụng rất đơn giản: chỉ cần sao chép attrs.xml và RotatableImageView.java vào dự án của bạn và thêm RotatableImageView để bố trí của bạn. Đặt góc xoay mong muốn bằng ví dụ: tham số góc .

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:example="http://schemas.android.com/apk/res/com.example"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <com.example.views.RotatableImageView
        android:id="@+id/layout_example_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter"
        android:src="@drawable/ic_layout_arrow"
        example:angle="180" />
</FrameLayout>

Nếu bạn gặp một số vấn đề với việc hiển thị hình ảnh, hãy thử thay đổi mã trong phương thức RotitableImageView.onDraw () hoặc sử dụng phương thức draw () để thay thế.

Cũng có thể được thực hiện theo cách này: -

imageView.animate().rotation(180).start();

đã từ đây.

Ngoài ra, nếu bạn muốn xoay ImageView 180 độ theo chiều dọc hoặc chiều ngang, bạn có thể sử dụng scaleYhoặc scaleXthuộc tính và đặt chúng thành -1f. Dưới đây là một ví dụ về Kotlin:

imageView.scaleY = -1f
imageView.scaleX = -1f

1f giá trị được sử dụng để trả lại ImageView về trạng thái bình thường:

imageView.scaleY = 1f
imageView.scaleX = 1f

Tôi có một giải pháp cho việc này. Trên thực tế, đây là một giải pháp cho một vấn đề phát sinh sau khi xoay (Hình chữ nhật không phù hợp với ImagView) nhưng nó cũng giải quyết vấn đề của bạn .. Mặc dù Giải pháp này có Hoạt hình tốt hơn hoặc xấu hơn

    int h,w;
    Boolean safe=true;

Không thể có được các tham số của imageView khi khởi tạo hoạt động Để làm như vậy, vui lòng tham khảo giải pháp này HOẶC đặt kích thước tại onClick của một nút như thế này

    rotateButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            if(imageView.getRotation()/90%2==0){
                h=imageView.getHeight();
                w=imageView.getWidth();

            }
        .
        .//Insert the code Snippet below here 
       }

Và mã sẽ được chạy khi chúng ta muốn xoay ImageView

if(safe)     
imageView.animate().rotationBy(90).scaleX(imageView.getRotation()/90%2==0?(w*1.0f/h):1).scaleY(imageView.getRotation()/90%2==0?(w*1.0f/h):1).setDuration(2000).setInterpolator(new LinearInterpolator()).setListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animation) {
                      safe=false;
                }

                @Override
                public void onAnimationEnd(Animator animation) {
                      safe=true;

                }

                @Override
                public void onAnimationCancel(Animator animation) {

                }

                @Override
                public void onAnimationRepeat(Animator animation) {

                }
            }).start();
        }
    });

Giải pháp này là đủ cho Vấn đề ở trên. Mặc dù nó sẽ thu nhỏ imageView ngay cả khi không cần thiết (khi chiều cao nhỏ hơn Chiều rộng). Nếu nó làm phiền bạn, bạn có thể thêm một toán tử ternary khác trong scaleX / scaleY.

Tôi nghĩ rằng phương pháp tốt nhất :)

int angle = 0;
imageView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            angle = angle + 90;
            imageView.setRotation(angle);
        }
    });

Xoay một hình ảnh trong Android với độ trễ:

imgSplash.animate().rotationBy(360f).setDuration(3000).setInterpolator(new LinearInterpolator()).start();

thử cái này trên một cái nhìn tùy chỉnh

public class DrawView extends View {


    public DrawView(Context context,AttributeSet attributeSet){
        super(context, attributeSet);
    }

    @Override
    public void onDraw(Canvas canvas) {
        /*Canvas c=new Canvas(BitmapFactory.decodeResource(getResources(), R.drawable.new_minute1)    );

        c.rotate(45);*/

        canvas.drawBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.new_minute1), 0, 0, null);
        canvas.rotate(45);
    }
}

Đây là một giải pháp tuyệt vời để đặt một drawable có thể xoay cho một imageView:

Drawable getRotateDrawable(final Bitmap b, final float angle) {
    final BitmapDrawable drawable = new BitmapDrawable(getResources(), b) {
        @Override
        public void draw(final Canvas canvas) {
            canvas.save();
            canvas.rotate(angle, b.getWidth() / 2, b.getHeight() / 2);
            super.draw(canvas);
            canvas.restore();
        }
    };
    return drawable;
}

sử dụng:

Bitmap b=...
float angle=...
final Drawable rotatedDrawable = getRotateDrawable(b,angle);
root.setImageDrawable(rotatedDrawable);

một cách khác:

private Drawable getRotateDrawable(final Drawable d, final float angle) {
    final Drawable[] arD = { d };
    return new LayerDrawable(arD) {
        @Override
        public void draw(final Canvas canvas) {
            canvas.save();
            canvas.rotate(angle, d.getBounds().width() / 2, d.getBounds().height() / 2);
            super.draw(canvas);
            canvas.restore();
        }
    };
}

Ngoài ra, nếu bạn muốn xoay bitmap, nhưng sợ OOM, bạn có thể sử dụng giải pháp NDK tôi đã thực hiện ở đây

Nếu bạn chỉ muốn xoay chế độ xem trực quan, bạn có thể sử dụng:

iv.setRotation(float)

Đối với Kotlin,

mImageView.rotation = 90f //angle in float

Điều này sẽ xoay imageView chứ không phải xoay hình ảnh

Ngoài ra, mặc dù đó là một phương pháp trong Viewlớp. Vì vậy, bạn có thể xoay khá nhiều góc nhìn bằng cách sử dụng nó.

Đáng buồn thay, tôi không nghĩ là có. Các Matrixlớp chịu trách nhiệm cho tất cả các thao tác hình ảnh, cho dù đó là xoay, thu hẹp / phát triển, làm lệch vv

http://developer.android.com/reference/android/graphics/Matrix.html

Tôi xin lỗi, nhưng tôi không thể nghĩ ra một giải pháp thay thế. Có thể người khác có thể làm được, nhưng những lần tôi phải điều khiển một hình ảnh tôi đã sử dụng Ma trận.

May mắn nhất!

Một giải pháp khả thi khác là tạo chế độ xem Hình ảnh tùy chỉnh của riêng bạn (giả sử RotateableImageView extends ImageView) ... và ghi đè onDraw () để xoay canvas / bitmap trước khi chuyển sang canvas. Đừng quên khôi phục lại canvas.

Nhưng nếu bạn chỉ xoay một trường hợp duy nhất của chế độ xem hình ảnh, giải pháp của bạn sẽ đủ tốt.

không có ma trận và hoạt hình:

{
    img_view = (ImageView) findViewById(R.id.imageView);
    rotate = new RotateAnimation(0 ,300);
    rotate.setDuration(500);
    img_view.startAnimation(rotate);
}

chỉ cần viết điều này trong hoạt động của bạnResult

            Bitmap yourSelectedImage= BitmapFactory.decodeFile(filePath);
            Matrix mat = new Matrix();
            mat.postRotate((270)); //degree how much you rotate i rotate 270
            Bitmap bMapRotate=Bitmap.createBitmap(yourSelectedImage, 0,0,yourSelectedImage.getWidth(),yourSelectedImage.getHeight(), mat, true);
            image.setImageBitmap(bMapRotate);
            Drawable d=new BitmapDrawable(yourSelectedImage);
            image.setBackground(d); 

Hãy thử mã này làm việc 100%;

Trên nút xoay bấm viết mã này:

        @Override
        public void onClick(View view) {
            if(bitmap==null){
                Toast.makeText(getApplicationContext(), "Image photo is not yet set", Toast.LENGTH_LONG).show();
            }
            else {
                Matrix matrix = new Matrix();
                ivImageProduct.setScaleType(ImageView.ScaleType.MATRIX);   //required
                matrix.postRotate(90,ivImageProduct.getDrawable().getBounds().width()/2,ivImageProduct.getDrawable().getBounds().height()/2);
                Bitmap bmp=Bitmap.createBitmap(bitmap, 0, 0,bitmap.getWidth(), bitmap.getHeight(), matrix, true);
                bitmap.recycle();
                bitmap=bmp;
                ivImageProduct.setImageBitmap(bitmap);
            }
        }

Thay vì chuyển đổi hình ảnh thành bitmap và sau đó xoay nó cố gắng xoay chế độ xem hình ảnh trực tiếp như mã bên dưới.

ImageView myImageView = (ImageView)findViewById(R.id.my_imageview);

AnimationSet animSet = new AnimationSet(true);
animSet.setInterpolator(new DecelerateInterpolator());
animSet.setFillAfter(true);
animSet.setFillEnabled(true);

final RotateAnimation animRotate = new RotateAnimation(0.0f, -90.0f,
    RotateAnimation.RELATIVE_TO_SELF, 0.5f, 
    RotateAnimation.RELATIVE_TO_SELF, 0.5f);

animRotate.setDuration(1500);
animRotate.setFillAfter(true);
animSet.addAnimation(animRotate);

myImageView.startAnimation(animSet);

Thực hiện theo câu trả lời dưới đây để xoay vòng liên tục của một hình ảnh

int i=0;

Nếu nhấp vào nút xoay

imageView.setRotation(i+90);
i=i+90;

nếu bạn muốn xoay một hình ảnh 180 độ thì hãy đặt hai giá trị này vào thẻ hình ảnh: -

android:scaleX="-1"
android:scaleY="-1"

Giải thích: - scaleX = 1 và scaleY = 1 lặp lại trạng thái bình thường nhưng nếu chúng ta đặt -1 trên thuộc tính scaleX / scaleY thì nó sẽ bị xoay 180 độ

Matrix matrix = new Matrix();
imageView.setScaleType(ImageView.ScaleType.MATRIX); //required
matrix.postRotate((float) 20, imageView.getDrawable().getBounds().width()/2, imageView.getDrawable().getBounds().height()/2);
imageView.setImageMatrix(matrix);

sử dụng như thế nào?

public class MainActivity extends AppCompatActivity {
   int view = R.layout.activity_main;
   TextView textChanger;
   ImageView imageView;
   @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN)
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(view);
      textChanger = findViewById(R.id.textChanger);
      imageView=findViewById(R.id.imageView);
      textChanger.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            roateImage(imageView);
         }
      });
   }
   private void roateImage(ImageView imageView) {
      Matrix matrix = new Matrix();
      imageView.setScaleType(ImageView.ScaleType.MATRIX); //required
      matrix.postRotate((float) 20, imageView.getDrawable().getBounds().width()/2,    imageView.getDrawable().getBounds().height()/2);
      imageView.setImageMatrix(matrix);
   }
}

Bạn chỉ có thể sử dụng thuộc tính xoay vòng của ImageView

Dưới đây là thuộc tính từ ImageView với các chi tiết từ nguồn Android

<!-- rotation of the view, in degrees. -->
<attr name="rotation" format="float" />