ImageVIew Zoom not working in android

Question

I have made a simple demo program in android for the imageView zoom..i have tried the following code ,But image not going to zoom when pinch or clicked..pls help

main.java

package com.example.imageviewzoomdemo;

import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.util.FloatMath;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;

public class MainActivity extends Activity {
ImageView imageview;

Matrix matrix =new Matrix();
Matrix savedMatrix =new Matrix();
PointF start = new PointF();
PointF mid =new PointF();
float  oldDist = 1f;
final static int NONE = 0;
final static int DRAG = 1;
final static int ZOOM = 2;
int mode = NONE;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageview=(ImageView)findViewById(R.id.imageView1);

        imageview.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                ImageView view =(ImageView)v;
                System.out.println("matrix=" + savedMatrix.toString());
                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;
            }

            @SuppressLint("FloatMath")
            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);
            }
        });

    }

}

i am getting image ,but when i click on that image its not zooming.

You could consider using a library to do that for you. Here is one that I personally like: https://github.com/jasonpolites/gesture-imageview — Siddharth Lele, Jun 18 '13 at 04:45
i have tried...but..not working ...! I tried it on emulator..it will work on it? — jigar, Jun 18 '13 at 04:46
you can check my answer here http://stackoverflow.com/questions/16894215/how-pinch-zoom-image-in-image-zoom-android/16894416#16894416 this one works like charm — Aashish Bhatnagar, Jun 18 '13 at 04:50

Alex Chengalan · Accepted Answer · 2013-06-18T06:40:51.057

This one is worked for me. Try it out.

    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) {
        // TODO Auto-generated method stub

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

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


    /** Determine the space between the first two fingers */  
    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);  
    }  

    /** Calculate the mid point of the first 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);  
    }  

}

just use it like this

ImageView iv = (ImageView)findViewById(R.id.imageView1);
    iv.setOnTouchListener(new Touch());

i have tried ur code..but its just like a dragging image...i want to zoom in n out..it — jigar, Jun 18 '13 at 06:09
@AlexChengalan can u please tell mme how to use TouchImageView with paging to display more than one images and for every image there should be zoom in and zoom out — Erum, May 20 '14 at 19:20

score 1 · Answer 2 · answered Jun 18 '13 at 05:07

1

you can use custom imagview control.. check this https://github.com/kilaka/ImageViewZoom

answered Jun 18 '13 at 05:07

Sanket Kachhela

10,861
8
50
75

ImageVIew Zoom not working in android

2 Answers2