Make current screen into BLUR on Xamarin.forms - xamarin

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

Related

How to get blur effect without using BackdropFilter in Flutter?

I'm using an image as my background in my project in hand in flutter and to get a nice look, i have a applied a nice blur effect and white overlay with blendmode set to overlay to get a brightness effect. It works fine in my phone but I have tried phones with lower hardware and it lags horribly. I had a similar problem in my web project and it was simply solved by blurring the image once in canvas and getting it as an base64 dataUrl, in flutter though couldn't achieve this.
Can anyone help me with it?

Image edit filter in xamarin forms

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.

Is there a way to implement pinch-zoom and panning on an Image without relying on animations?

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?

How to apply an effect on screen image in Windows on the fly?

I'm developing a Windows application that needs to apply an effect on screen image. More specifically, I need to do the following: grab a screen image, apply a gaussian blur on it, and display it on the screen. Something similar to f.lux, only in my case the effect applied is different.
Since I'm new in Windows development, I'd like to know what is the recommended way to do it? What libraries/frameworks should I use? Can you point to some code samples of similar applications?
Thanks!

How to replicate code for Facebook image gestures?

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. :)

Resources