Android Question Adding Opaque Overlay on top of Camera Preview

walterf25 · Sep 1, 2019

Hi All, i would like to find out if it would be possible to add an opaque overlay over the camera preview, i have seen some apps where they have a small rectangle in the middle where the camera preview looks normal and everything else around it looks as if it has an opaque overlay, please check the image below to see what i'm trying to accomplish, i would like to know if it would be possible to do something similar with B4A?

Any thought or ideas?

Thanks,
Walter

Erel · Sep 1, 2019

Just add controls over the preview panel (not inside it).

walterf25 · Sep 4, 2019

Erel said:
Just add controls over the preview panel (not inside it).

Hi @Erel maybe i didn't make it too clear, i'm aware that i can add controls over the camera preview such as buttons etc, what i'm trying to accomplish and maybe is not too clear on the picture on my first post, what i 'm trying to do is add some type of overlay around the Preview with an alpha of maybe 75 to 100, i'm not sure if you can notice on the picture i have posted but there's a clear or transparent rectangle right in the middle and around that rectangle you see some sort of shade which is maybe around 75% transparent, that is the effect i'm trying to accomplish, don't pay attention to the small button in the middle with the + (Plus) sign.

Maybe this other image makes more sense, this is from a library wrapped by someone in the forums, as you may be able to see the clear rectangle in the middle and the shaded semi-transparent part around the rectangle which has a bluish color.

Any ideas?
Walter

Toky Olivier · Sep 4, 2019

Why not make a picture with gimp or photoshop (or in runtime with BitampCreator) with the needed level of transparency with a fully transparent square in the middle? You can assign the picture to a ImageView on top of the Camera preview?

Erel · Sep 4, 2019

I agree. Add an ImageView over the panel with a semitransparent bitmap.

syerif · Jun 5, 2020

walterf25 said:
Hi @Erel maybe i didn't make it too clear, i'm aware that i can add controls over the camera preview such as buttons etc, what i'm trying to accomplish and maybe is not too clear on the picture on my first post, what i 'm trying to do is add some type of overlay around the Preview with an alpha of maybe 75 to 100, i'm not sure if you can notice on the picture i have posted but there's a clear or transparent rectangle right in the middle and around that rectangle you see some sort of shade which is maybe around 75% transparent, that is the effect i'm trying to accomplish, don't pay attention to the small button in the middle with the + (Plus) sign.

Maybe this other image makes more sense, this is from a library wrapped by someone in the forums, as you may be able to see the clear rectangle in the middle and the shaded semi-transparent part around the rectangle which has a bluish color.

View attachment 83617

Any ideas?
Walter

how you do this? any sample code please?

Android Question Adding Opaque Overlay on top of Camera Preview

walterf25

Expert

Erel

B4X founder

walterf25

Expert

Toky Olivier

Active Member

Erel

B4X founder

syerif

Active Member

Similar Threads

Android Question Adding Opaque Overlay on top of Camera Preview

walterf25

Expert

Erel

B4X founder

walterf25

Expert

Toky Olivier

Active Member

Erel

B4X founder

syerif

Active Member

Similar Threads

Privacy & Transparency

Privacy & Transparency