Is there a possibility for me to make my BoxView blur the background image of my app?
I found this: https://github.com/roubachof/Sharpnado.Acrylic , but I don't know how to implement this.
@Lost_Olive Hi, How are you doing? Can you help a bit with the Context as to what you are trying to achieve in here?
@AnubhavRanjan, I want a BoxView on top of my background and I want it to blur the image.
@AnubhavRanjan like the blur background function in Adobe XD.
@Lost_Olive Have you checked this link:https://docs.microsoft.com/en-us/xamarin/xamarin-forms/platform/ios/visualelement-blur
Generally, you can use this either in XAML:
<BoxView x:Name="boxView" ios:VisualElement.BlurEffect="ExtraLight" HeightRequest="300" WidthRequest="300" />
or in Code behind:
Can you check if it helps?
@AnubhavRanjan Since I just want to blur part of my background, I've decided to just turn the opacity of the BoxView down a little bit.
@Lost_Olive That's good. I am guessing for your Card type of Layout, it should fit well into it
I'd like to use the blur effect for overlay purposes but I get absolutely no effect whatsoever.
Did a quick spike, like so:
<?xml version="1.0" encoding="utf-8" ?>
Text="Welcome to Xamarin.Forms!"
Trird it on several generations of iOS/devices (simulators) and also on a physical iPhone 11 but it doesn't work. What happens is:
1. If I give the BoxView a background color; the BoxView gets displayed at the center of screen, obscuring part of the "Welcome to Xamarin.Forms!" label, as expected. There's no blur effect however. I can see a lighter square at the top left corner though .
2. If BoxView gets no background color I can see that dim square at the top left corner but no other effect
Xamarin Inc., as a wholly-owned Microsoft subsidiary acting as a separate legal entity, adheres to the Microsoft Privacy Statement: Privacy & cookies