Android Tutorial Pinch Zoom and Move View tutorial

Dominex · Sep 25, 2012

[Class] Pinch Zoom and Move View

I had the need for my purposes to do the Pinch Zoom in contemporary Move to a View, now I put my code available to anyone who might be in need, just to get ideas on what to do.

Is required the library Gesture and Reflection of Agraham.

Events:
- Click
- LongClick
- Change

Property:
- CanMove
- CanZoom
- LimitArea
- LimitBorder
- Zoom

[UPDATE 1.00]
I changed the code in Class.

[UPDATE 1.10]
Added the following methods:
SetIfCanMove() - sets whether the View may translare or not.
GetIfCanMove - returns if the View can translate.
SetZoom() - sets the zoom.
GetZoom - returns the current zoom.

[UPDATE 1.20]
Improved zoom function, now the zoom is localized based on the touches.
Renamed Class in PinchZoomAndMove.

[UPDATE 1.30]
Added the possibility to set the BringToFront.
Added the possibility to set the Tag for a multi-View.
Added the "Click" event for the View.

[UPDATE 1.40]
Added the LongClick event for the View.
Added methods SetIfCanMove() - sets whether the View may zoom or not.
Inserted also Library version in Zip Class.
Changed the type of data sent with the Click events and LongClick.

[UPDATE 1.41]
Now works in Obfuscated mode. Thanks Informatix!
Improvements to minors.

[UPDATE 1.43]
Now the events are generated in different activity from the Main.
Added the following methods:
SetLimitBorder() - if it is True, the View will not come out from the edges of its parent.
SetLimitArea() - if True, the edges of the View will remain within its parent.

[UPDATE 1.44]
Added the Change event for the View.

[UPDATE 1.45]
Converted the property into methods for ease of use, but this requires a small change to the code of the old methods.

For suggestions and bug reports please do not hesitate to post it here.

Dominex · Sep 27, 2012

Informatix said:
In fact, that does not change anything to the result (same final size on the screen, same user experience), that's why I said it's useless. And Abs() is useless too in your ipo and ipotenusa formulas because a power can't be negative (- * - = +). These things take CPU time for nothing.

I did not know that the POWER always returns a positive result, good to know.
Instead DENSITY is necessary otherwise when you touch the screen with two clicks of the image is resized, you can try by yourself.

Dominex · Sep 27, 2012

Informatix said:
We deal here with a lot of beginners. Your code will be of no help for them, I'm afraid. They will use it as-is without understanding how it works. And I'm not even sure they will succeed in implementing it in their own app without issue.
I can't say to one of them "hey use the Dominex's code". No I'll provide him with a link to the Warwound's library. There are better chances that it fulfills his needs. The big advantage of your code is that you can show to everyone how these things work with code written in Basic. Don't you think it would be a great idea to share your knowledge, and not only your code?
I have no problem with you or with your code. It's just my two cents.

I understand what you mean, though, although I do not much interest, those who use my code it is ready, you need only specify the View, inceve, especially the library Gesture Detector to program despite having more features. Personally I doubt that a true beginner face before Gesture Detector with respect to my code ready.

I'm thinking of converting my code in a class, it would be even easier.

Dominex · Sep 27, 2012

I changed the code in Class, now just one line of code to make it work.

Since you changed the subject of the post, maybe Erel be kind enough to move it to the appropriate forum.

Informatix · Sep 27, 2012

Dominex said:
I understand what you mean, though, although I do not much interest, those who use my code it is ready, you need only specify the View, inceve, especially the library Gesture Detector to program despite having more features. Personally I doubt that a true beginner face before Gesture Detector with respect to my code ready.

I'm thinking of converting my code in a class, it would be even easier.

You probably used an automatic translation tool because I don't understand your answer. Could you send it again in your native language? I see the words Gesture Detector, so I presume you're comparing your code to my library. You should compare your code to the Warwound's library (TouchImageView), not to my library. My library has a different purpose; it eases the detection of gestures, nothing more.

Informatix · Sep 27, 2012

Dominex said:
Instead DENSITY is necessary otherwise when you touch the screen with two clicks of the image is resized, you can try by yourself.

I re-did a few tests and, finally, I agree. The changes are more natural with "/density" and there are no "size jumps" when you put both fingers on screen. That was not obvious on my device, but on a different device, it's noticeable. Good point for you.

Doing a class is a good idea. I think that eases a lot the use of your code.

Dominex · Sep 27, 2012

Informatix said:
You probably used an automatic translation tool because I don't understand your answer. Could you send it again in your native language? I see the words Gesture Detector, so I presume you're comparing your code to my library. You should compare your code to the Warwound's library (TouchImageView), not to my library. My library has a different purpose; it eases the detection of gestures, nothing more.

Volevo dire che sebbene ci sono delle librerie che fanno questo ed altro, usare il mio codice è semplice perché è già pronto, invece ad esempio la libreria Gesture Detector deve essere un minimo programmata.

I wanted to say that although there are libraries that do this and more, use my code is as simple as it is ready, however, for example the library Gesture Detector must be scheduled a minimum.

Dominex · Sep 27, 2012

Informatix said:
I re-did a few tests and, finally, I agree. The changes are more natural with "/density" and there are no "size jumps" when you put both fingers on screen. That was not obvious on my device, but on a different device, it's noticeable. Good point for you.

Doing a class is a good idea. I think that eases a lot the use of your code.

Well, now I'm just considering whether to add the rotation.

Informatix · Sep 27, 2012

Dominex said:
however, for example the library Gesture Detector must be programmed a minimum.

Of course. It is a generic library. If you want to zoom something with the pinch gesture, you have to handle the increase/decrease in size, but that's not the most difficult part. Most users have no idea how to get the gesture itself, and do not know how to compute a distance with the Pythagoras theorem. The library is there to do these things for them. You are using yourself the Gestures library to do your stuff. My library is a complete replacement for this library. If you use my library, for example, your code will contain less lines of code and will be easier to understand than it is currently.
As I previously said, you should compare your code with the TouchImageView library, not with my library. The Warwound's library offers a lot more than your class, so you have to find something new to give your class some value, since you don't want to use it for an educational purpose. That's only my opinion, of course.

Dominex · Oct 7, 2012

Added the following functions:

SetIfCanMove() - sets whether the View may translare or not
GetIfCanMove - returns if the View can translate
SetZoom() - sets the zoom
GetZoom - returns the current zoom

zeuspower · Oct 22, 2012

It is what I was searching !

BUT

after zooming and paning how my user can get back easy the original size-place of image ?

because in my app the user selects images from a database,and after zooming and paning a image, the next image is a small mess !

Dominex · Oct 22, 2012

zeuspower said:
It is what I was searching !

BUT

after zooming and paning how my user can get back easy the original size-place of image ?

because in my app the user selects images from a database,and after zooming and paning a image, the next image is a small mess !

You can easily get size and position simply by using a View said in Globals. For example:

B4X:

Sub Globals
   Dim PZ As PinchZoomMove
   Dim imv As ImageView
End Sub

Then get set and what you need with imv.Left, .Top, .Width, .Height.

zeuspower · Oct 23, 2012

thanks !

Dominex · Oct 24, 2012

[UPDATE 1.2]

Improved zoom function, now the zoom is localized based on the touches.

Go to first post.

Dominex · Nov 2, 2012

[UPDATE 1.3]

Added the possibility to set the BringToFront.
Added the possibility to set the Tag for a multi-View.
Added the "Click" event for the View.

Go to first post.

The example now shows a multi-View, try it!

susu · Nov 3, 2012

I just found that if I compile with "Release (obfuscated)" option, your class will not work. But it's not a big problem to me

Dominex · Nov 3, 2012

susu said:
I just found that if I compile with "Release (obfuscated)" option, your class will not work. But it's not a big problem to me

I know, I honestly do not really know how the compilation (obfuscated), I've never used it. But if you fill in "Release" will it work?

susu · Nov 3, 2012

Yes, it worked with "Release" option.

Dominex · Nov 3, 2012

susu said:
Yes, it worked with "Release" option.

Good.

Inviato da mio Samsung Galaxy S II

Dominex · Feb 9, 2013

[UPDATE 1.4]

Added the "LongClick" event for the View.
Added methods "SetIfCanMove()" - sets whether the View may zoom or not.
Inserted also Library version in Zip Class.
Changed the type of data sent with the Click events and LongClick.

Informatix · Feb 9, 2013

Dominex said:
[UPDATE 1.4]

Added the "LongClick" event for the View.
Inserted also Library version in Zip Class.
Changed the type of data sent with the Click events and LongClick.

It seems you broke something with this version because I didn't succeed in moving or resizing anything on my different devices (I used the class version).
The Droid images are fun.

Android Tutorial Pinch Zoom and Move View tutorial

Attachments

Active Member

Active Member

Active Member

Expert

Expert

Active Member

Active Member

Expert

Active Member

Member

Active Member

Member

Active Member

Active Member

Well-Known Member

Active Member

Well-Known Member

Active Member

Active Member

Expert

Privacy & Transparency

Privacy & Transparency