프로그래밍/Android

[Android] Matrix를 이용한 이미지 확대 축소

showmiso 2013. 9. 1. 21:03
이미지를 처리할 때 mastrix를 사용하면 더욱 다양한 효과를 얻을 수 있다. 
주로 사용하는 명령등은 아래와 같다.
matrix.postScale(float x, float y) // 확대, 축소 
matrix.postRotate(float degrees) // 이미지 회전 
matrix.postSkew(float sx, float sy) // 이미지 비틀기 
matrix.postTranslate(float dx, float dy) // 이미지 이동 

그리고 적용하는 방법에는 현재의 ImageView에 바로 적용하는 방식
imageview.setImageMatrix(matrix);

와 새로운 파일을 만드는 방법
NewBitmap = Bitmap.createBitmap(bitmap, 0, 0, w, h, matrix, false); 
를 사용하여 imageview.setImageBitmap(NewBitmap); 등을 이용할 수 있는 방법이 있다.

또한 중요한 포인트 중의 하나는 
imageview.setScaleType(ScaleType.MATRIX); 를 사용하여 현재 scaletype를 변경해 두어야 합니다.
xml에서 변경코저 한다면 
android:scaleType="matrix" 처럼 처리해두어야 합니다.

<ImageView android:layout_height="wrap_content" 
android:id="@+id/imageViewForMatrix" 
android:src="@drawable/icon" 
android:layout_width="fill_parent"
android:scaleType="matrix"
>

아래는 각각에 대한 간단한 샘플을 나타내었습니다.

matrixSample.java

  1. package com.matrixSample;

  3. import android.app.Activity;
  4. import android.graphics.Bitmap;
  5. import android.graphics.BitmapFactory;
  6. import android.graphics.Matrix;
  7. import android.os.Bundle;
  8. import android.util.Log;
  9. import android.view.View;
  10. import android.view.View.OnClickListener;
  11. import android.widget.Button;
  12. import android.widget.ImageView;
  13. import android.widget.ImageView.ScaleType;

  15. public class matrixSample extends Activity {
  16.     Button resetButton, reversxButton, reversyButton, upscaleButton, downscaleButton, moveleftButton, moverightButton, skewButton;
  17.     
  18.     ImageView iv;
  19.     Bitmap bitmap;
  20.     /** Called when the activity is first created. */
  21.     @Override
  22.     public void onCreate(Bundle savedInstanceState) {
  23.         super.onCreate(savedInstanceState);
  24.         setContentView(R.layout.main);
  25.         
  26.         iv = (ImageView) findViewById(R.id.imageViewForMatrix);
  27.         iv.setScaleType(ScaleType.MATRIX);//혹은 현재 xml에서 android:scaleType="matrix" 처리
  28.         
  29.         bitmap = BitmapFactory.decodeResource(getResources(),  R.drawable.sample_image_jpg);
  30.         iv.setImageBitmap(bitmap);
  31.        // iv.setImageBitmap(setReverse());
  32.         
  33.         // y축을 기준으로 x축 바꾸기
  34.         resetButton = (Button) findViewById(R.id.reset);
  35.         resetButton.setOnClickListener(new OnClickListener() {
  36.             public void onClick(View v) {
  37.                 bitmap = BitmapFactory.decodeResource(getResources(),  R.drawable.sample_image_jpg);
  38.                 iv.setImageBitmap(bitmap);
  39.             }
  40.         });
  41.         
  42.         
  43.        // y축을 기준으로 x축 바꾸기
  44.        reversxButton = (Button) findViewById(R.id.reversx);
  45.        reversxButton.setOnClickListener(new OnClickListener() {
  46.             public void onClick(View v) {
  47.                 //setReverse();
  48.                 iv.setImageBitmap(setReverse());
  49.             }
  50.        });
  51.        
  52.        // x축을 기준으로 y축 바꾸기
  53.        reversyButton = (Button) findViewById(R.id.reversy);
  54.        reversyButton.setOnClickListener(new OnClickListener() {
  55.             public void onClick(View v) {
  56.                 iv.setImageBitmap(setReverseY());
  57.             }
  58.        });  
  59.        
  60.       
  61.        upscaleButton = (Button) findViewById(R.id.upscale);
  62.        upscaleButton.setOnClickListener(new OnClickListener() {
  63.             public void onClick(View v) {
  64.                 iv.setImageBitmap(setScale(1));
  65.             }
  66.        });  
  67.        
  68.        downscaleButton = (Button) findViewById(R.id.downscale);
  69.        downscaleButton.setOnClickListener(new OnClickListener() {
  70.             public void onClick(View v) {
  71.                 iv.setImageBitmap(setScale(2));
  72.             }
  73.        });  
  74.        
  75.        moveleftButton = (Button) findViewById(R.id.moveleft);
  76.        moveleftButton.setOnClickListener(new OnClickListener() {
  77.             public void onClick(View v) {
  78.                 //iv.setImageBitmap(setMove(1));
  79.                 setMove(1);
  80.             }
  81.        });  
  82.        
  83.        moverightButton = (Button) findViewById(R.id.moveright);
  84.        moverightButton.setOnClickListener(new OnClickListener() {
  85.             public void onClick(View v) {
  86.                 //iv.setImageBitmap(setMove(2));
  87.                 setMove(2);
  88.             }
  89.        });  
  90.        
  91.        
  92.        skewButton = (Button) findViewById(R.id.skew);
  93.        skewButton.setOnClickListener(new OnClickListener() {
  94.             public void onClick(View v) {
  95.                 iv.setImageBitmap(setSkew());
  96.                 //setSkew();
  97.             }
  98.        });         

  100.        
  101.        
  102.     }
  103.     
  104.     private Bitmap setReverse(){
  105.     //private void setReverse(){
  106.         Bitmap rtnBitmap;
  107.         Matrix matrix = new Matrix();
  108.         matrix.postScale(-1, 1); //y 축을 대칭으로 x를 반대로 한다.
  109.         
  110.         //iv.setImageMatrix(matrix);
  111.         //기존 이미지의 크기(height & width)를 구한다.
  112.         int w   = bitmap.getWidth();
  113.         int h   = bitmap.getHeight();
  114.         
  115.         //앞에서 제작된 y축 대칭 매트릭스를 이미지에 적용한다.
  116.         bitmap  = rtnBitmap = Bitmap.createBitmap(bitmap, 0, 0, w, h, matrix, false);
  117.         
  118.         return rtnBitmap;
  119.     }  
  120.     
  121.     private Bitmap setReverseY(){
  122.         Bitmap rtnBitmap;
  123.         Matrix matrix = new Matrix();
  124.         matrix.postScale(1, -1); //x 축을 대칭으로 y를 반대로 한다.
  125.         
  126.         //기존 이미지의 크기(height & width)를 구한다.
  127.         //bitmap    = BitmapFactory.decodeResource(getResources(), R.drawable.sample_image_jpg);
  128.         int w   = bitmap.getWidth();
  129.         int h   = bitmap.getHeight();
  130.         
  131.         //앞에서 제작된 y축 대칭 매트릭스를 이미지에 적용한다.
  132.         bitmap  = rtnBitmap = Bitmap.createBitmap(bitmap, 0, 0, w, h, matrix, false);
  133.         return rtnBitmap;
  134.     } 
  135.     
  136.     private Bitmap setScale(int flag){
  137.         Bitmap rtnBitmap;
  138.         Matrix matrix = new Matrix();
  139.         switch(flag){
  140.         case 1://확대
  141.             matrix.postScale(1.1f, 1.1f); //
  142.             break;
  143.         case 2://축소
  144.             matrix.postScale(0.9f, 0.9f); //
  145.             break;
  146.         }
  147.         
  148.         //기존 이미지의 크기(height & width)를 구한다.
  149.         int w   = bitmap.getWidth();
  150.         int h   = bitmap.getHeight();
  151.         
  152.         //앞에서 제작된 y축 대칭 매트릭스를 이미지에 적용한다.
  153.         bitmap  = rtnBitmap = Bitmap.createBitmap(bitmap, 0, 0, w, h, matrix, false);
  154.         return rtnBitmap;
  155.     }  
  156.     
  157.     //private Bitmap setMove(int flag){
  158.     private void setMove(int flag){
  159.         //Bitmap rtnBitmap;
  160.         Matrix matrix = new Matrix();
  161.         switch(flag){
  162.         case 1://left
  163.             Log.i("setMove", "left");
  164.             matrix.postTranslate(-100, 0); //
  165.             break;
  166.         case 2://right
  167.             Log.i("setMove", "right");
  168.             matrix.postTranslate(100, 0); //
  169.             break;
  170.         }
  171.         
  172.         //기존 이미지의 크기(height & width)를 구한다.
  173.         //int w = bitmap.getWidth();
  174.         //int h = bitmap.getHeight();
  175.         
  176.         //앞에서 제작된 y축 대칭 매트릭스를 이미지에 적용한다.
  177.         iv.setImageMatrix(matrix);//이미지에 매트릭스 적용
  178.         //bitmap    = rtnBitmap = Bitmap.createBitmap(bitmap, 0, 0, w, h, matrix, false);
  179.         //return rtnBitmap;
  180.     } 
  181.     
  182.     
  183.     //private void setSkew(){
  184.     private Bitmap setSkew(){
  185.         Bitmap rtnBitmap;
  186.         Matrix matrix = new Matrix();
  187.         matrix.postSkew(0.88f, -0.16f); //
  188.         
  189.         //기존 이미지의 크기(height & width)를 구한다.
  190.         int w   = bitmap.getWidth();
  191.         int h   = bitmap.getHeight();
  192.         
  193.         //iv.setImageMatrix(matrix);//이미지에 매트릭스 적용
  194.         bitmap  = rtnBitmap = Bitmap.createBitmap(bitmap, 0, 0, w, h, matrix, false);
  195.         return rtnBitmap;
  196.     }
  197.     
  198. }

res/layout/main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical"
  4.     android:layout_width="fill_parent"
  5.     android:layout_height="fill_parent">
  6.    
  7.     <ImageView android:layout_height="wrap_content" 
  8.         android:id="@+id/imageViewForMatrix" 
  9.         android:src="@drawable/icon" 
  10.         android:layout_width="fill_parent"
  11.         >
  12.     </ImageView>
  13.     <LinearLayout 
  14.         android:layout_height="wrap_content" 
  15.         android:layout_width="match_parent" 
  16.         android:id="@+id/linearLayout1"
  17.         android:layout_alignParentBottom="true"
  18.         android:orientation="vertical">
  19.             <LinearLayout 
  20.                 android:layout_height="wrap_content" 
  21.                 android:layout_width="match_parent" 
  22.                 android:id="@+id/linearLayout3">
  23.                 <Button android:text="enLarge" 
  24.                     android:id="@+id/upscale" 
  25.                     android:layout_width="wrap_content" 
  26.                     android:layout_height="wrap_content">
  27.                 </Button>
  28.                 <Button 
  29.                     android:text="downScale" 
  30.                     android:id="@+id/downscale" 
  31.                     android:layout_width="wrap_content" 
  32.                     android:layout_height="wrap_content">
  33.                 </Button>
  34.                 <Button 
  35.                     android:text="Move Left" 
  36.                     android:id="@+id/moveleft" 
  37.                     android:layout_width="wrap_content" 
  38.                     android:layout_height="wrap_content">
  39.                 </Button>
  40.                 <Button 
  41.                     android:text="Move Right" 
  42.                     android:id="@+id/moveright" 
  43.                     android:layout_width="wrap_content" 
  44.                     android:layout_height="wrap_content">
  45.                 </Button>
  46.             </LinearLayout>     
  47.             <LinearLayout 
  48.                 android:layout_height="wrap_content" 
  49.                 android:layout_width="match_parent" 
  50.                 android:id="@+id/linearLayout2"
  51.                 >
  52.                 <Button android:text="reset" 
  53.                     android:id="@+id/reset" 
  54.                     android:layout_width="wrap_content" 
  55.                     android:layout_height="wrap_content">
  56.                 </Button>
  57.                 <Button 
  58.                     android:text="revers X" 
  59.                     android:id="@+id/reversx" 
  60.                     android:layout_width="wrap_content" 
  61.                     android:layout_height="wrap_content"
  62.                     android:layout_toRightOf="@id/reset">
  63.                 </Button>
  64.                 <Button 
  65.                     android:text="revers Y" 
  66.                     android:id="@+id/reversy" 
  67.                     android:layout_width="wrap_content" 
  68.                     android:layout_height="wrap_content">
  69.                 </Button>
  70.                 <Button 
  71.                     android:text="SKEW" 
  72.                     android:id="@+id/skew" 
  73.                     android:layout_width="wrap_content" 
  74.                     android:layout_height="wrap_content">
  75.                 </Button>               
  76.             </LinearLayout>

  78.     </LinearLayout>
  79. </RelativeLayout>





[출처] http://www.shop-wiz.com/document/android/sample5_use_matrix



http://www.flysky.kr/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-multi-touch-pinch-zoom%EA%B3%BC-touch-scroll%EC%9D%B4-%EA%B0%80%EB%8A%A5%ED%95%9C-imageview/



http://blog.naver.com/monk773/90134152702


저작자표시 비영리 동일조건