이미지뷰 - 비트맵 전환 - 터치 시 드래그, 확대, 축소

Question

mainjava-----------------------------package com.example.myhome.test; import android.content.Context; import android.graphics.Canvas; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.ImageView; import android.widget.ListView; import java.util.ArrayList; import uk.co.senab.photoview.PhotoViewAttacher; public class MainActivity extends AppCompatActivity { //@Override Button btnCamera,btnShose,btnTop,btnBottom; /*ImageView imgbottom = (ImageView)findViewById(R.id.imgBottom); ImageView imgsho = (ImageView)findViewById(R.id.imgShoose);*/ protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); btnCamera=(Button)findViewById(R.id.btnCamera); btnShose=(Button)findViewById(R.id.btnShose); btnTop=(Button)findViewById(R.id.btnTop); btnBottom=(Button)findViewById(R.id.btnBottom); btnCamera.setOnClickListener(new View.OnClickListener(){ public void onClick(View v){ } }); btnShose.setOnClickListener(new View.OnClickListener(){ public void onClick(View v){ } }); btnTop.setOnClickListener(new View.OnClickListener(){ public void onClick(View v) { ListView listView=(ListView)findViewById(R.id.ListView); ArrayList items = new ArrayList(); items.add("상의1"); items.add("상의2"); items.add("상의3"); CustomAdapter adapter = new CustomAdapter(MainActivity.this,0,items); listView.setAdapter(adapter); } }); btnBottom.setOnClickListener(new View.OnClickListener(){ public void onClick(View v){ } }); } private class CustomAdapter extends ArrayAdapter { private ArrayList items; public CustomAdapter(Context context, int textViewResourceId, ArrayList object) { super(context,textViewResourceId,object); this.items=object; } public View getView(final int position, View convertView, ViewGroup parent) { View v=convertView; if(v==null) { LayoutInflater vi = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE); v=vi.inflate(R.layout.listview_item,null); } final ImageView imageView =(ImageView)v.findViewById(R.id.imageView); if("상의1".equals(items.get(position))) imageView.setImageResource(R.drawable.a1); else if("상의2".equals(items.get(position))) imageView.setImageResource(R.drawable.a2); else if("상의3".equals(items.get(position))) imageView.setImageResource(R.drawable.a5); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { int []ImgNum={R.drawable.a1,R.drawable.a2,R.drawable.a5}; ImageView imgtop = (ImageView)findViewById(R.id.imgTop); imgtop.setImageResource(ImgNum[position]); PhotoViewAttacher attacher; attacher=new PhotoViewAttacher(imgtop); MoveObject a; a=new MoveObject(MainActivity.this); a.setSelectedImage(imgtop); Canvas c=new Canvas(); a.draw(c); imgtop.setVisibility(View.INVISIBLE); } }); return v; } } } MoveObject.java----------------------package com.example.myhome.test; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.DashPathEffect; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.Rect; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.shapes.Shape; import android.net.Uri; import android.util.AttributeSet; import android.util.Log; import android.view.MotionEvent; import android.view.View; import android.widget.ImageView; import android.widget.Toast; public class MoveObject extends View { int X,Y,Height,Width; private MovingUnit MU; public MoveObject(Context context) { super(context); // TODO Auto-generated constructor stub } public void setSelectedImage(ImageView img) { BitmapDrawable d = (BitmapDrawable)img.getDrawable(); Bitmap b = d.getBitmap(); MU=new MovingUnit(b); invalidate(); } @Override public boolean onTouchEvent(MotionEvent event) { // TODO Auto-generated method stub MU.TouchProcess(event); invalidate(); return (true); } @Override public void draw(Canvas canvas) { //TODO Auto-generated method stub canvas.drawBitmap(MU.getImage(), null, MU.getRect(), null); super.draw(canvas); } }MovingUnit.javapackage com.example.myhome.test; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.DashPathEffect; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.Rect; import android.util.FloatMath; import android.util.Log; import android.view.MotionEvent; import android.view.View; public class MovingUnit { //이미지 private Bitmap Image; private float X; private float Y; private float Width; private float Height; //처음 이미지를 선택했을 때, 이미지의 X,Y 값과 클릭 지점 간의 거리 private float offsetX; private float offsetY; // 드래그시 좌표 저장 int posX1=0, posX2=0, posY1=0, posY2=0; // 핀치시 두좌표간의 거리 저장 float oldDist = 1f; float newDist = 1f; // 드래그 모드인지 핀치줌 모드인지 구분 static final int NONE = 0; static final int DRAG = 1; static final int ZOOM = 2; int mode = NONE; //Image를 인자로 받는다. public MovingUnit(Bitmap Image) { // TODO Auto-generated constructor stub this.Image=Image; setSize(Image.getHeight(),Image.getWidth()); setXY(0,0); } public void TouchProcess(MotionEvent event) { int act = event.getAction(); switch(act & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: //첫번째 손가락 터치 if(InObject(event.getX(), event.getY())){//손가락 터치 위치가 이미지 안에 있으면 DragMode가 시작된다. posX1 = (int) event.getX(); posY1 = (int) event.getY(); offsetX=posX1-X; offsetY=posY1-Y; Log.d("zoom", "mode=DRAG" ); mode = DRAG; } break; case MotionEvent.ACTION_MOVE: if(mode == DRAG) { // 드래그 중이면, 이미지의 X,Y값을 변환시키면서 위치 이동. X=posX2-offsetX; Y=posY2-offsetY; posX2 = (int) event.getX(); posY2 = (int) event.getY(); if(Math.abs(posX2-posX1)>20 || Math.abs(posY2-posY1)>20) { posX1 = posX2; posY1 = posY2; Log.d("drag","mode=DRAG"); } } else if (mode == ZOOM) { // 핀치줌 중이면, 이미지의 거리를 계산해서 확대를 한다. newDist = spacing(event); if (newDist - oldDist > 20) { // zoom in float scale=(float)Math.sqrt(((newDist-oldDist)*(newDist-oldDist))/(Height*Height + Width * Width)); Y=Y-(Height*scale/2); X=X-(Width*scale/2); Height=Height*(1+scale); Width=Width*(1+scale); oldDist = newDist; } else if(oldDist - newDist > 20) { // zoom out float scale=(float)Math.sqrt(((newDist-oldDist)*(newDist-oldDist))/(Height*Height + Width * Width)); scale=0-scale; Y=Y-(Height*scale/2); X=X-(Width*scale/2); Height=Height*(1+scale); Width=Width*(1+scale); oldDist = newDist; } } break; case MotionEvent.ACTION_UP: // 첫번째 손가락을 떼었을 경우 case MotionEvent.ACTION_POINTER_UP: // 두번째 손가락을 떼었을 경우 mode = NONE; break; case MotionEvent.ACTION_POINTER_DOWN: //두번째 손가락 터치(손가락 2개를 인식하였기 때문에 핀치 줌으로 판별) mode = ZOOM; newDist = spacing(event); oldDist = spacing(event); Log.d("zoom", "newDist=" + newDist); Log.d("zoom", "oldDist=" + oldDist); Log.d("zoom", "mode=ZOOM"); break; case MotionEvent.ACTION_CANCEL: default : break; } } //Rect 형태로 넘겨준다. public Rect getRect(){ Rect rect=new Rect(); rect.set((int)X,(int)Y, (int)(X+Width), (int)(Y+Height)); return rect; } private float spacing(MotionEvent event) { float x = event.getX(0) - event.getX(1); float y = event.getY(0) - event.getY(1); return (float)Math.sqrt(x * x + y * y); } public boolean InObject(float eventX,float eventY){ if(eventX<(X+Width+30) && eventX>X-30 && eventY>Y-30){ return true; } return false; } public void setSize(float Height,float Width){ this.Height=Height; this.Width=Width; } public void setXY(float X, float Y){ this.X=X; this.Y=Y; } public Bitmap getImage(){ return Image; } }제가 원하는건 public void onClick(View view) { int []ImgNum={R.drawable.a1,R.drawable.a2,R.drawable.a5}; ImageView imgtop = (ImageView)findViewById(R.id.imgTop); imgtop.setImageResource(ImgNum[position]); PhotoViewAttacher attacher; attacher=new PhotoViewAttacher(imgtop); MoveObject a; a=new MoveObject(MainActivity.this); a.setSelectedImage(imgtop); Canvas c=new Canvas(); a.draw(c); imgtop.setVisibility(View.INVISIBLE); } 이부분에서 이미지뷰 파일을 비트맵으로 바꿔서 그린후에터치시에 드래그,확대,축소를 하고싶은데 마음대로 잘 되지않습니다.이미지뷰를 이용하여 확대 축소하는 오픈소스를 이용해봤지만 제가 원하는건 이미지 전체가 확대 축소 되는것인데 그렇게 되면 이미지뷰 안에서만 확대 축소를 하더라고요그려지지가 않는데 뭐가 문제인지 잘 모르겠습니다.

이미지뷰 -> 비트맵 전환 - 터치 시 드래그, 확대, 축소

0개의 답변

#image_view 목록