I am developing an educational app that is made of multiple images. I am also new at coding and XCode. I wanted to know how to get my images so they respond to the gesture similar to the photos on facebook (swiping, min/max zooming, scrolling all on one image). I have the UIImage in UIScrollview.
Can I add all the gestures in UIScrollView or do I have to add each gesture separately? Because the app is made up of multiple png images do I have to connect each image separately or is there a method to implement one code for the entire program?
I am using Storyboard and have minimal coding.
If this information is already out there I would greatly appreciate some direction. I have tried to use "Basic Zooming Using the Pinch Gestures" from the iOS library with little success.
Check out this tutorial.
http://www.raywenderlich.com/6567/uigesturerecognizer-tutorial-in-ios-5-pinches-pans-and-more
In this they go over exactly what your wanting, zooming in and out images and swiping. Pretty much you use UIGestureRecognizers. :)
Related
I am developing a project (kinda like CamScanner) where I take an image and on the fly crop it and edit it and save it to my device memory. I chose to do it in xamarin forms because of 1 source maintenance. I have managed to take the image using Xam.Plugin.Media and crop that image using ImageCropper.Forms plugins. Now, I cant seem to find any good plugins that can edit my image (Filters like Black and White, Magic Color, Grayscale). Can anyone guide me to choose which plugin is the best there is for the filter? I am focusing mainly on Android and iOS at the moment.
Thanks in advance
As of today, there is no plugin available to apply color filters for Xamarin.Forms. The closest thing would be using SkiaSharp Color Filters and define you own Color Matrices, which is not quite user friendly.
I'm making app with using Xamarin.forms PCL project.
I just wanted to know if there is some way to make current screen into blur screen.
I will put something on it.
I'm using SkiaSharp 2d library for XF which works great and support blur image.
But it's for image file to make blur.
Should I take a screenshot for current screen and put it on the top and make it blur?
Any tip will be helpful.
Thanks.
For iOS for blur you may try https://www.nuget.org/packages/Xamarin.Forms.Essentials.Controls/
For Android and Win there seems to be no such a straightforward functionality but one can try creating some bitmaps and blurring them.
The Sharpnado.MaterialFrame supports blurred background:
https://github.com/roubachof/Sharpnado.MaterialFrame
I’m working with an Image control and I’m trying to implement pinch-zoom and panning.
None of the ready-to-go samples on the web, which handles the zoom and pan, worked as smoothly as the native Photos app on Windows Phone or like when viewing an image in Internet Explorer.
This led me to implement my own way of handling them which included me trying the following ways: (Scaling works as of now and I’m trying to get the panning to work too)
Putting the Image inside a ViewportControl; resulted in incredibly jerky scaling, but panning works smoothly. Setting UseOptimizedManipulationRouting="False" on the image didn't make a difference.
Putting the Image inside a ScrollViewer; scaling doesn't even work and panning is glitchy (jerky sometimes).
Using only the Image control and making use of animations to handle the smooth panning.
I haven't implemented step 3 yet, because I can't shake the feeling I've missed something. How can something so widely used be this hard to implement? :|
So my question is
What do I need to do to implement pinch-zoom and panning as smooth as in the Photos app?
If animations are the way to go can they be used to smooth scaling and translations to match that of the native experience?
I'm seeing screen transitions in our app come in from the top right. See image below for example.
We're transitioning an iOS6 app to iOS7 only.
It was built a few years ago with XIB files, not storyboards.
We've enabled auto-layout, and this is standard views pushed onto a navigation stack.
Any help appreciated.
I feel like a plonker. These animations were hard coded into the app rather than using built-in view transition animations, so I just removed them.
I would like to zoomout the image from the flipView available in the GridProject of Win8 Metro App in C# XAML. I already have a scrollviewer but I would like to know if the user can simply double the image with mouse, so that only the image gets opened in a new page.
If so, it would be really great if you could suggest me how to proceed with it.
I followed this article Zooming into image in Windows Store appsSemanticZoom but it doesn't help.
Thanks in Advance!