捏合ImageView

时间:2013-06-26 07:46:23

标签: android android-imageview pinchzoom

我有imageView。我需要使用pinch for imageView。我提到了一些文件。但是一切都使用了doubleTap。使用doubleTap zoomIn和ZoomOut时。我不想要双击放大和缩小。我需要用手指捏。我使用OnTouch进行imageView移动。

代码:

触摸课程:

package com.example.blogactivity;

import android.graphics.Matrix;  
import android.graphics.PointF;  
import android.util.FloatMath;  
import android.view.MotionEvent;  
import android.view.View;  
import android.view.View.OnTouchListener;  
import android.widget.ImageView;

public class Touch implements OnTouchListener{

    // These matrices will be used to move and zoom image  
     Matrix matrix = new Matrix();  
     Matrix savedMatrix = new Matrix();  

     // We can be in one of these 3 states  
     static final int NONE = 0;  
     static final int DRAG = 1;  
     static final int ZOOM = 2;  
     int mode = NONE;  

     // Remember some things for zooming  
     PointF start = new PointF();  
     PointF mid = new PointF();  
     float oldDist = 1f;  


     @Override  
     public boolean onTouch(View v, MotionEvent event) {  
      ImageView view = (ImageView) v;  
      // Dump touch event to log  
      dumpEvent(event);  

      // Handle touch events here...  
      switch (event.getAction() & MotionEvent.ACTION_MASK) {  
      case MotionEvent.ACTION_DOWN:  
       savedMatrix.set(matrix);  
       start.set(event.getX(), event.getY());  
       mode = DRAG;  
       break;  
      case MotionEvent.ACTION_POINTER_DOWN:  
       oldDist = spacing(event);  
       if (oldDist > 10f) {  
        savedMatrix.set(matrix);  
        midPoint(mid, event);  
        mode = ZOOM;  
       }  
       break;  
      case MotionEvent.ACTION_UP:  
      case MotionEvent.ACTION_POINTER_UP:  
       mode = NONE;  
       break;  
      case MotionEvent.ACTION_MOVE:  
       if (mode == DRAG) {  
        // ...      
        matrix.set(savedMatrix);  
        matrix.postTranslate(event.getX() - start.x, event.getY() - start.y);      
       } else if (mode == ZOOM) {  
        float newDist = spacing(event);  
        if (newDist > 10f) {  
         matrix.set(savedMatrix);  
         float scale = newDist / oldDist;  
         matrix.postScale(scale, scale, mid.x, mid.y);  
        }  
       }  
       break;  
      }  

      view.setImageMatrix(matrix);  
      return true; // indicate event was handled  
     }  

     /** Show an event in the LogCat view, for debugging */  
     private void dumpEvent(MotionEvent event) {  
      String names[] = { "DOWN", "UP", "MOVE", "CANCEL", "OUTSIDE",  
        "POINTER_DOWN", "POINTER_UP", "7?", "8?", "9?" };  
      StringBuilder sb = new StringBuilder();  
      int action = event.getAction();  
      int actionCode = action & MotionEvent.ACTION_MASK;  
      sb.append("event ACTION_").append(names[actionCode]);  
      if (actionCode == MotionEvent.ACTION_POINTER_DOWN  
        || actionCode == MotionEvent.ACTION_POINTER_UP) {  
       sb.append("(pid ").append(  
         action >> MotionEvent.ACTION_POINTER_ID_SHIFT);  
       sb.append(")");  
      }  
      sb.append("[");  
      for (int i = 0; i < event.getPointerCount(); i++) {  
       sb.append("#").append(i);  
       sb.append("(pid ").append(event.getPointerId(i));  
       sb.append(")=").append((int) event.getX(i));  
       sb.append(",").append((int) event.getY(i));  
       if (i + 1 < event.getPointerCount())  
        sb.append(";");  
      }  
      sb.append("]");  
     }  



     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);  
     }  


     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);  
     }  


}

MainActivity:

package com.example.blogactivity;

import com.example.blogactivity.*;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.widget.ImageView;

public class BlogActivity extends Activity {

    ImageView image;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_blog);

        image=(ImageView)findViewById(R.id.imageView);

        image.setOnTouchListener(new Touch()); 
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.blog, menu);
        return true;
    }

}

的xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".BlogActivity" >

    <ImageView android:id="@+id/imageView"  
       android:layout_width="match_parent"  
       android:layout_height="match_parent"  
       android:src="@drawable/butterfly"  
       android:scaleType="matrix"  
       android:adjustViewBounds="true"  
       android:layout_gravity="center" />  


</RelativeLayout>

2 个答案:

答案 0 :(得分:0)

我的代码将link中的“活动”和“触摸”组合在一起,它可以正常运行。拖动/缩放ImageView。

这是一个简短的版本,我认为只有内容代码相关

public class MainActivity extends Activity implements OnTouchListener
{
  ImageView viewmap;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    viewmap = (ImageView) findViewById(R.id.image);
    viewmap.setOnTouchListener(this);
  }

  @Override
  public boolean onTouch(View v, MotionEvent event) {
    viewmap = (ImageView) v;
    viewmap.setScaleType(ImageView.ScaleType.MATRIX);

    dumpEvent(event);
    // Handle touch events here...

    viewmap.setImageMatrix(matrix); // display the transformation on screen
    return true;
  }

Edit3:xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center" 
    android:scaleType="matrix"
    android:src="@drawable/image" />

</RelativeLayout>

答案 1 :(得分:0)

我使用imagezoom.jar,这对我有用。

步骤是:

  1. 在xml文件中,替换普通的&#39; imageview&#39;与&#39; com.theappguruz.imagezoom.ImageViewTouch&#39;

    System.out.println(Math.incrementExact(2_147_483_647 + 1));
    
  2. 获取图像位图。

  3. 然后在onCreate()方法的活动中,使用以下方法重置图像位图:

    imgView.setImageBitmapReset(bmp,0,true);