Android Question Apply Blur effect to a panel

[Mike1970]

Hi, I don't know if this is a possible thing.
I would like to put a Background image, and on the top of it a transparent panel, that has a blur effect on it, so everything behind it's blurred.

Something like this

 

[Sagenut]

Check this
Blur Effect

 

[Mike1970]

Check this
Blur Effect

Thanks very much for your help, i saw many post/library on blur, but are all about apply blur on all the image. I wish to apply blur on a trasparent panel, and i want to blur everything behind it

 

[Sagenut]

So You mean that you would like to Blur the entire App screen? Even the buttons, labels.....everything?
If instead you want to create a blurred background I think that the link I suggested can do the job.
Just make a sub to blur the image that you want and then apply the blurred image as panel background.
Please explain a bit more what you want to achieve.

 

[Mike1970]

So You mean that you would like to Blur the entire App screen? Even the buttons, labels.....everything?

potentally yes...
Image like a trasparent panel, that blur everything, if the panel is smaller than the activity it blur only the area behind it. Did you understand what i mean?

Edit:
Like Apple UI (i don't know if you see, but the rectangle of the calls blurs the background, and also its darker)

 

[Sagenut]

Now I understand a little better, but I don't know how to make a Dynamic Blur Panel to blur All the App maintaining the app functional.
If You want to blur only part of the background image then it should be possible.
Otherwise is possible to take a snapshot of the screen and then blur it totally or partially.....but of course then it would be just an image and not the functional app.

 

[Sagenut]

The Blurring Panel when and how should be activated?
With specific size by code from time to time or something that you can move freely around the app that Blur in RealTime?
For this last option I think that it's not easy.............but someone better than me maybe will come up with the solution.

 

[Sagenut]

I saw your edit.
You want to blur the background of certain view, right?

 

[Mike1970]

you can move freely around the app that Blur in RealTime?

Yes because that panel have to move in and out of the screen, so the blur area have to by dynamic

 

[Sagenut]

I am sorry but this go beyond my possibility.

 

[LucaMs]

Given that I'm not an expert at all...
one way that comes to mind is to get the panel image, "converting" the panel to a B4XView and using the Snapshot method; then apply the effect on this image.
Then create the second panel to overlay, as you thought, and as a bitmap put the image obtained previously.

 

[Mike1970]

I saw your edit.
You want to blur the background of certain view, right?

Maybe with a moving gif you can understand 100%

Look the notification, the background behind it is blurred only where the notification is

 

[Mike1970]

Given that I'm not an expert at all...
one way that comes to mind is to get the panel image, "converting" the panel to a B4XView and using the Snapshot method; then apply the effect on this image.
Then create the second panel to overlay, as you thought, and as a bitmap put the image obtained previously.

Ok thanks for the suggestion. But in the end it's a static thing right?

 

[LucaMs]

Ok thanks for the suggestion. But in the end it's a static thing right?

I see that gif not very well ??, especially I don't see the blur effect.

You could set the transparency of the sliding panel so that it darkens what is underneath.

O ... (I repeat that I'm not an expert on graphic)
create a B4XBrush with the "blur effect" and draw on a B4XRect whose size you set when you slide the panel in foreground.

 

[Mike1970]

I see that gif not very well

i had to compress it to upload...

You could set the transparency of the sliding panel so that it darkens what is underneath.

This is the plan B ?, I was hoping I could do it with the blur too

create a B4XBrush with the blur effect and draw on a B4XRect whose size you set when you slide the panel in foreground.

I don't know this thing.. later i will take a look.

Thanks to everyone

 

[Mike1970]

After all it was clear, but out of my skill.
I can provide you an example code to add blur background to a view.....but static, so not what you are searching for.

Don't worry, don't bother.
I appreciate it

 

[LucaMs]

Could this be satisfactory?

 

[Mike1970]

View attachment 87125

Così non andrebbe bene?

This is what i've done at the moment.
If there is no way to do what i wanted to do, i will leave it like this

 

[LucaMs]

I'm curious to see if Erel will manage to solve this too (mostly "how", since he always solves everything! How does that man get to know every computer science topic perfectly? I am not so sure that he is a person, a human being! Sooner or later I will go to personally check! ?

 

[Mike1970]

I am not so sure that he is a person, a human being! Sooner or later I will go to personally check! ?

Tell me when you will go because I want check too?