Android : android에서 두 개의 이미지 뷰를 확대/축소하는 방법은 무엇입니까?

Question

레이아웃에 두 개의 이미지가 있습니다. 내가 만진 이미지를 확대해야합니다. Frame은 한 번에 하나의보기 만 표시 할 수 있습니다. 그렇다면 각 이미지 뷰를 개별적으로 확대/축소하려면 어떻게해야합니까? 내 xml 파일 :

<?xml version="1.0" encoding="utf-8"?> 

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

<ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:gravity="center" 
    android:src="@drawable/image1" /> 

    <ImageView 
    android:id="@+id/imageView2" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:gravity="center" android:src="@drawable/image2" 

    /> 

</FrameLayout> 

활동 파일 : 이제 상단에 수 줌만 image1에에게 i'am

public class MyActivity extends Activity implements OnTouchListener 
{ 
private static final String TAG = "Touch"; 

// These matrices will be used to scale points of the image 
Matrix matrix = new Matrix(); 
Matrix savedMatrix = new Matrix(); 

// The 3 states (events) which the user is trying to perform 
static final int NONE = 0; 
static final int DRAG = 1; 
static final int ZOOM = 2; 
int mode = NONE; 

// these PointF objects are used to record the point(s) the user is touching 
PointF start = new PointF(); 
PointF mid = new PointF(); 
float oldDist = 1f; 

private ImageView iv1; 
private ImageView iv2; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 

    super.onCreate(savedInstanceState); 

    setContentView(R.layout.main); 


    iv1 = ((ImageView)findViewById(R.id.imageView1)); 
    iv1.setOnTouchListener(this); 


    iv2 = ((ImageView)findViewById(R.id.imageView2)); 
    iv2.setOnTouchListener(this); 



} 
@Override 
public boolean onTouch(View v, MotionEvent event) { 
    switch (v.getId()) { 
    case R.id.imageView1: 
     zoomImageView(v, event); 
     break; 
    case R.id.imageView2: 
     zoomImageView(v, event); 
     break; 

    default: 
     break; 
    } 
    return true; 
} 
private boolean zoomImageView(View v, MotionEvent event) { 


    ImageView view = (ImageView) v; 
    view.setScaleType(ImageView.ScaleType.MATRIX); 
    float scale; 


    switch (event.getAction() & 255) 
    { 
    case MotionEvent.ACTION_DOWN: // first finger down only 
     savedMatrix.set(matrix); 
     start.set(event.getX(), event.getY()); 
     Log.d(TAG, "mode=DRAG"); // write to LogCat 
     mode = DRAG; 
     break; 

    case MotionEvent.ACTION_UP: // first finger lifted 

    case 6: // second finger lifted 

     mode = NONE; 
     Log.d(TAG, "mode=NONE"); 
     break; 

    case 5: // first and second finger down 

     oldDist = spacing(event); 
     Log.d(TAG, "oldDist=" + oldDist); 
     if (oldDist > 5f) { 
      savedMatrix.set(matrix); 
      midPoint(mid, event); 
      mode = ZOOM; 
      Log.d(TAG, "mode=ZOOM"); 
     } 
     break; 

    case MotionEvent.ACTION_MOVE: 

     if (mode == DRAG) 
     { 
      matrix.set(savedMatrix); 
      matrix.postTranslate(event.getX() - start.x, event.getY() - start.y); // create the transformation in the matrix of points 
     } 
     else if (mode == ZOOM) 
     { 
      // pinch zooming 
      float newDist = spacing(event); 
      Log.d(TAG, "newDist=" + newDist); 
      if (newDist > 5f) 
      { 
       matrix.set(savedMatrix); 
       scale = newDist/oldDist; // setting the scaling of the 
       // matrix...if scale > 1 means 
       // zoom in...if scale < 1 means 
       // zoom out 
       matrix.postScale(scale, scale, mid.x, mid.y); 
      } 
     } 
     break; 
    } 

    view.setImageMatrix(matrix); // display the transformation on screen 

    return true; // indicate event was handled 

} 
private float spacing(MotionEvent event) 
{ 
    float x = event.getX(0) - event.getX(1); 
    float y = event.getY(0) - event.getY(1); 
    return FloatMath.sqrt(x * x + y * y); 
} 

/* 
* -------------------------------------------------------------------------- 
* Method: midPoint Parameters: PointF object, MotionEvent Returns: void 
* Description: calculates the midpoint between the two fingers 
* ------------------------------------------------------------ 
*/ 

private void midPoint(PointF point, MotionEvent event) 
{ 
    float x = event.getX(0) + event.getX(1); 
    float y = event.getY(0) + event.getY(1); 
    point.set(x/2, y/2); 
} 
} 

. image2를 터치하면 하단 이미지의 확대/축소 기능을 어떻게 얻을 수 있습니까? 내가 만진 이미지를 확대 할 수 있어야합니다. 도와주세요. 서로 다음 링크를 참조 패닝 줌과 더블 탭을 지원 gestureimageview를 사용하여

Answer 1

당신은 당신이 독립적 인 두 imageviews있을 것이다 있는 LinearLayout를 사용하고이 방법으로 수평 또는 수직으로 그들을 정렬 할 수 있습니다 아래 ....

희망이 귀하의 질문에 대한 대답 : D

클릭 here!

https://github.com/jasonpolites/gesture-imageview