Showing posts with label image-rotation. Show all posts
Showing posts with label image-rotation. Show all posts

Tuesday, 20 August 2013

Before Rotation

Image Rotation in ImageView

After Rotation


Image Rotation in ImageView
180 Degree

Image Rotation in ImageView
270 Degree
Create new Android Project

Project Name: PlayingwithBitmaps
Build Target: Android 2.3.3   //or greater than that
Application Name: PlayingwithBitmaps
Package Name: com.hamad.playingwithbitmaps
Create Activity: Main
Min SDK: 10 // or greater than that
  1. create main layout:
  • One image view to display the image.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    android:id="@+id/rlMain" >

    <ImageView
        android:id="@+id/imViewAndroid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/car" />

</RelativeLayout>

 2. code of main activity:

package com.shaikhhamadali.blogspot.playingwithbitmaps;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.widget.ImageView;

public class Main extends Activity {
    ImageView imViewAndroid;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imViewAndroid = (ImageView) findViewById(R.id.imViewAndroid);
        imViewAndroid.setImageBitmap(rotateImage(BitmapFactory.decodeResource(getResources(), R.drawable.beautiful),270));
 }
 public Bitmap rotateImage(Bitmap src, float degree) {
     // create new matrix object
     Matrix matrix = new Matrix();
     // setup rotation degree
     matrix.postRotate(degree);
     // return new bitmap rotated using matrix
     return Bitmap.createBitmap(src, 0, 0, src.getWidth(), src.getHeight(), matrix, true);
 }
}

   3. note that:

  • With the help of this,rotateImage() method you can rotate image on image on click,on action_down,on etc.

  4. conclusion:
  • Some information about Matrix and Image Rotaion.
  • Know how to rotate image bitmap from drawables.
  5. About the post:
  •  The code seems to explain itself due to comments, and is very easy to understand.
  •  Don’t mind to write a comment whatever you like to ask, to know,to suggest or recommend.
  •  Hope you enjoy it!

6. Source Code:
        you can download the source code here

Cheers,
Hamad Ali Shaikh