setImageBitmap/setImageDrawable/setImageResource does not work when call continuously.

These functions works very well if you call only one time. But if you call more than two time, the image disappeared.

Hi there and thanks so much for taking your time to help others and sharing your hard work. I am still quite new to android programming and I know this is probably silly and obvious, but how do I set the images zoom level on the first load if I wanted it to be zoomed to a certain location in the image at a particular scale? I've tried setscale(XXX) with different values for XXX and have tried to use the redraw() method (along with any others I thought might do it) but I can't figure it out. I know you're working to update the project tonight and I don't want to slow you down, but I'd appreciate it if you could help me out with this simple task (*doh) when you have a second. Thank you!

When zooming out on an image that does not take up the whole View, pinching will render the image smaller, in-place where I pinched it. After I let go, it snaps to the top-left corner of the view.

Can you tell I'm currently implementing stuff with this code? ;)

Expected behavior would be either:

-Once the scaled image size < view size, leave the top-left corner anchored and only zoom the bottom right corner toward it, or -Leave the image where I pinched it, offset from the corner

Hello Jason,

I changed from a simple drawable to a drawable resource

the result was that nothing was drawn but also there weren't any errors.

This is the setup: main.xml

    <com.polites.android.GestureImageView
        android:id="@+id/my_id"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="0.9"
        android:adjustViewBounds="true"
        android:src="@drawable/simple_layer" />

drawable/simple_layer.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- <item -->
    <!-- android:id="@[+][package:]id/resource_name" -->
    <!-- android:bottom="dimension" -->
    <!-- android:drawable="@[package:]drawable/drawable_resource" -->
    <!-- android:left="dimension" -->
    <!-- android:right="dimension" -->
    <!-- android:top="dimension"/> -->

    <item android:src="@drawable/img1"/>
    <item android:src="@drawable/img2"/>
</layer-list>

I checked onDraw, onLayout and on onMessuere by directing directly to the parent imageview but in all cases id didn't change the result.

Do you have any ideas what it might be that caused not to display the drawables?

I have a loading image that I use before my actual image is download. If I call setBitmap after the first image is already displayed, nothing happens. I suspect you should call redraw() at the end of setBitmap and setResource.

I'm trying to make use of this library, which is exactly what I was looking for; but there are a million places in my code where I refer to ImageViews as ImageViews specifically, and since a GestureImageView doesn't extend ImageView, I need to create a whole bunch of overloaded function calls in order to continue using my existing code base.

I'm wondering why you've chosen not to extend ImageView.

For reference, there's this old project here (http://code.google.com/p/android-pinch/) that does extend ImageView and provides similar functionality. I don't know if it will be of use to you or if you've seen it before.

please could you add zoom control buttons for devices that do not support multi touch (there are a few running android 2.2) they can be either the zoom controls provided within android or custom zoom in and out buttons.

any help asap would be appreciated thanks

Hello, I am modifying the double tap listener to use for zooming in and zooming out. I was wondering how to integrate my simple ZoomAnimation.

    public boolean update(GestureImageView view, long elapsedTime) {

        if (elapsedTime<duration){
            return true;
        }
        return false;
    }

Now I have to move and scale the image in the direction where the touch event occurred. How can I reuse your code to do so.

        if(doubleTapDetector.onTouchEvent(event)) {
            initialDistance = 0;
            lastScale = currentScale;
            //lastScale = image.getScale();;
            currentScale = image.getScale();;
            next.x = image.getImageX();
            next.y = image.getImageY();
            calculateBoundaries();
            image.animationStart(new ZoomAnimation());
        }

would you mind to give some hints on doing so reusing your code.

Thank you!

We use our GestureImageView on a dialog and we wanted to be able to dismiss the dialog by tapping on the "empty" area of the ImageView.

This adds the ability to detect if the touch event happened outside of the Drawable associated with the GestureImageView.

Cheers!

Hi there! Again. :)

I have an image that's bigger vertically than horizontally (as an example, a screenshot of an average-sized android device while sitting in portrait orientation, displayed on said device).

When I put the device into landscape mode showing the same image, it's scaled properly (initially displays a zoomed-out image on the screen, but the canvas takes up the whole available width).

When I put it into portrait mode, if I have any header or footer on the page, the image shows up zoomed in to fit its width on the screen, at the expense of cutting off the height.

Perhaps there's a way to implement the android:scaleType attribute? This may come as two different attributes for this view: one to indicate the scale type for the view bounds (i.e., whether the canvas should wrap to the initial sizing of the image) and one to indicate the initial display.

I could for example set the scaleType to fitCenter, and then choose whether I want the canvas to take all available space so I can zoom to full size, or I want it to collapse the canvas down to wrap the initial image.

I have a series of buttons on a graphic which are positioned in order that they correspond to a part of the graphic. When I zoom in or out, the buttons stay where they were. Is there a way to make them zoom with the background or is there a function in GestureImageView that would let me read the parameters by which to move them (x,y) position and height/width?

Original version: protected void initImage() { if(this.drawable != null) { this.drawable.setAlpha(alpha); this.drawable.setFilterBitmap(true); if(colorFilter != null) { this.drawable.setColorFilter(colorFilter); } } if(!layout) { requestLayout(); redraw(); } } Fixed version: protected void initImage() { if(this.drawable != null) { this.drawable.setAlpha(alpha); this.drawable.setFilterBitmap(true); if(colorFilter != null) { this.drawable.setColorFilter(colorFilter); } } if(!layout) { requestLayout(); } else { drawable.setBounds(-hWidth,-hHeight,hWidth,hHeight); } redraw(); }

@jasonpolites I applied the fix proposed in https://github.com/jasonpolites/gesture-imageview/issues/64 and tested it in one of my projects. It is working fine, so I'm glad to offer you a pull request.

Don't know good place where i should post this method, Holp to help some people.

In GestureImageViewTouchListener.java file, locate Ontouch methed.

@Override public boolean onTouch(View v, MotionEvent event) {

    Log.i("", "-----onTouch-----" + inZoom);

    if (!inZoom) {

        if (!tapDetector.onTouchEvent(event)) {
            if (event.getPointerCount() == 1 && flingDetector.onTouchEvent(event)) {
                startFling();
            }

            if (event.getAction() == MotionEvent.ACTION_UP) {
                handleUp();
            } else if (event.getAction() == MotionEvent.ACTION_DOWN) {
                stopAnimations();

                last.x = event.getX();
                last.y = event.getY();

                if (boundaryLeft != last.x) {
                    v.getParent().requestDisallowInterceptTouchEvent(true);
                }

                if (imageListener != null) {
                    imageListener.onTouch(last.x, last.y);
                }

                touched = true;
            } else if (event.getAction() == MotionEvent.ACTION_MOVE) {
                if (event.getPointerCount() > 1) {
                    multiTouch = true;
                    if (initialDistance > 0) {

                        pinchVector.set(event);
                        pinchVector.calculateLength();

                        float distance = pinchVector.length;

                        if (initialDistance != distance) {

                            float newScale = (distance / initialDistance) * lastScale;

                            if (newScale <= maxScale) {
                                scaleVector.length *= newScale;

                                scaleVector.calculateEndPoint();

                                scaleVector.length /= newScale;

                                float newX = scaleVector.end.x;
                                float newY = scaleVector.end.y;

                                handleScale(newScale, newX, newY);
                            }
                        }
                    } else {
                        initialDistance = MathUtils.distance(event);

                        MathUtils.midpoint(event, midpoint);

                        scaleVector.setStart(midpoint);
                        scaleVector.setEnd(next);

                        scaleVector.calculateLength();
                        scaleVector.calculateAngle();

                        scaleVector.length /= lastScale;
                    }
                } else {


                    if (!touched) {
                        touched = true;
                        last.x = event.getX();
                        last.y = event.getY();
                        next.x = image.getImageX();
                        next.y = image.getImageY();
                    } else if (!multiTouch) {

                        Log.i("", "x:" + next.x + " multiTouch:" + boundaryRight
                                + "  " + boundaryLeft);
                        if ((boundaryRight / 2) == next.x) { // nomal model
                            v.getParent().requestDisallowInterceptTouchEvent(false);
                        } else {
                            if (next.x > 0 && boundaryRight > 0 && boundaryLeft > 0) {   //double model

                                v.getParent().requestDisallowInterceptTouchEvent(  //disable parant event
                                        false);
                            } else if (next.x != boundaryLeft && next.x < 0) {    //right boundary  on srceen
                                v.getParent()
                                        .requestDisallowInterceptTouchEvent(true);
                            } else if (next.x != boundaryRight && next.x > 0) {   //left boundary  on srceen
                                v.getParent()
                                        .requestDisallowInterceptTouchEvent(true);  
                            } else {
                                v.getParent().requestDisallowInterceptTouchEvent(
                                        false);
                            }

                        }

                        if (handleDrag(v, event.getX(), event.getY())) {
                            image.redraw();
                        }
                    }
                }
            }
        }
    } 

Hello,

It would be great if in GestureImageView, there could be a function, say getCroppedImage(), where it will return a cropped bitmap.

This cropped bitmap will be whatever is displayed in the ImageView after the user has scaled/translated the Bitmap in the GestureImageView.

Basically, I'm trying to recreate how an image is displayed in an ImageView that is part of a separate layout than the GestureImageView, so some how I must save the GestureImageView's bitmap state.