Ionic zooming image gesture event - ionic-framework

I have written an ionic app but could not find the right solution for one of my problems. There is a image beeing loaded and i'd like to implement zooming gesture for it , mobile like , swiping with two fingers to zoom in or zoom out. But i can not find it in documentation. Pan event does not do the job since it gets triggered with one finger. Any ideas or probably workarounds? I have found the npm package ion zoom view but its bugged

1 - Solution 1 user Hammer js to zoom in and out!
2 - Solution 2 use those plugins this, or this

Related

How to add multiple images inside scroll view(Paging image slider) and full screen mode for pinch and zoom?

I found many tutorials that explain over scroll view which we used to display multiple images inside scroll view.But,when i tried to zoom,which make me stuck.So,I search the other one and i found scroll view which was implemented with UICollectionView-->MVCarouselCollectionView.Its also complicated and have many steps to do to have perfect image sliding library also included full screen zoom feature.But,it have many errors also autolayout issue which i cant use it directly for rotating devices.
So,its there any other alternative 3rd party library like MVCarouselCollectionView which i can use easy in Swift with no autolayout issue?
Any help?
I found these library at githud also many tutorial on raywanderish and appcoda,but they don't explain it completely.Some are work on sliding images inside scrollview but for zooming,its not.When i tried to apply "hamasyou" with zoom view,stuck with its library which mean not worked out.
These are the libraries i found on web
https://github.com/bizz84/MVCarouselCollectionView
http://www.the-nerd.be/2015/06/22/tnimagesliderviewcontroller-image-slider-for-swift/
https://github.com/hamasyou/autolayout
Is there any way that i can do thing like "MVCarouselCollectionView" with no autolayout issue?Please,I really need help.I am stucking at this for a week.
I really need a good source to create image sliding with multiple images and zoom full screen feature.Thanks.

How to make full screen zoom feature with scrolling multiple images with TNImageSliderViewController?

I am losing most of my work time stucking at scrollview,autolayout issues.And now,when i found TNImageSliderViewController.I see that i have hope in scrolling images with no autolayout issue.Thanks to the developer who write TNImageSliderViewController.But,after that I want to do another thing which still keep making me stuck.I tried many tutorial and video and which keep making me stuck.
Here is what i need to do...
1.When I clicked one of my image in scrollview,i want to see full screen of that images i click at another view.
2.That another view should also have capabilities like TNImageSliderViewController which we can slide images.
3.I want to add zoom with pinch or tapped zoom at full screen image that i clicked.
Any Idea?or suggestion or library which it can do it easily and completely with no autolayout issue which we can rotate as we like?
Please help...Please,I really need help.Also all newbie like us might want the same answer like me.

How Can You Stop iOS PinchGesture from Selecting Buttons?

I'm currently writing an iOS application for the iPhone with one particular feature that creates a flowchart on the fly. The flowchart that is created is one enormous, scrollable view. Each information node of the flowchart contains buttons that automatically moves the view to the next information node. At any point in time, a user can use a pinch gesture to zoom out of the current information node and see the flowchart in its entirety.
My problem is this: I notice that if a user begins this pinch motion with one of their fingers tapping one of the buttons in an information node then this gesture takes precedence and the next node is shown as opposed the pinch gesture zooming out from the current node.
I've been looking on StackOverflow and have tried several things to fix this, but nothing yet has seemed to work. I was wondering if anyone has had similar issues and if they were able to overcome the issue?
Using #Till's advice and looking into my issue a bit more, I've done something that's worked for me and I thought I would share it here in case anyone else had similar issues or desires.
I was able to create UIViews that I could use to act as semi-buttons. For each of these views, I greated UITapGestureRecognizers and targeted them towards methods that would check to see if the sender's state is StateEnded:
-(void)handleButtonTap:(UITapGestureRecognizer *)sender
{
if(sender.state == UIGestureRecognizerStateEnded)
// Go on and do the code here
}
However, wanting to still maintain the look of the original iOS Buttons I did one step further. For each UIButton that I created, I did not associate a target with these buttons and instead created UIViews for each button. These UIViews were completely blank with a background color of "Clear." In this manner, I can now have my buttons, but still get the functionality I desired.
I hope this helps anyone else with similar issues. Thanks again to #Till for the advice.

pinch zooming for a UIWebView for ios 3.0 and newer

I've been reading about how to support the zooming for a webview, and i've found a lot of resources. And now i'm really lost.
What i've read:
all you need is to enable the 'scales
page to fit'
add the uiwebview inside a
uiscrollview (while setting the
minimum/maximum zoom scale and
implementing - (UIView
*)viewForZoomingInScrollView:(UIScrollView
*)scrollView)
then you might need to handle the
touchdown events... manually
then you might have to
recognize them... manually... or
using a gesture recognizer.
And apple documentation doesn't really help, and i can't really tell which ios are they talking about?
I'm really lost now.
So if some veteran in coco-touch (which is very rare to find) can guide us.
Do i need a uiscrollview?
What do i really need to implement?
When would i need to capture touches
events, recognize the gestures, and
the zooming work.
And which is required in approximately which ios. Maybe this topic will help me and other people like me.
Thanks a lot in advance
Just enabling scalesPageToFit should do it; however, it's only possible to zoom to 100%, which also means that you can't zoom a page which is less than or equal to the screen size to begin with.

how to implement zoom and pinch zoom effect in application?

I have implemented one photo application in which i want to implement zoom and pinch zoom effect same as default photo application in iphone.How it possible please help me for this query.thanks in advance.
The UIScrollView component takes care of functionality like that.
Try starting out here :UIScrollView Reference
The ScrollViewSuite (link in the reference) has a example that you can use.