Screenshot of surface view with a component on it

[Cool_Coder]

I am creating an app which allows the user to take a photo with a map superimposed on it. For this purpose I am using surfaceview and embedding a map on it. On app initialisation, the surfaceview preview is enabled and the map is superimposed on the surface view. On clicking a button on the screen, a screenshot is taken using take screenshot function. The issue is that the screenshot does not capture the surfaceview preview and only the map superimposed on the surface view is visible in the screenshot (the rest of the surface view appears black in the screenshot).

Please advise how I can get the photo with the image of the map superimposed on it (as per the preview seen in surface view). Blocks used are attached.

[Avijit (Avijit Das)]

Try this

[FREE] Extension ComponentToImage

Extension ComponentToImage [image] 1.About Using this extension you can convert any view/component to image and save it to storage. The image will be created as per the components same width and height. You can convert Layout, Buttons, Labels …etc Any change on the component, eg: Round corners will also reflect in image Note: The component should be visible I created it as per the request and idea from @Angelo_Angius [image] First one is the label and the second one is the converted im…

[Rogerio_Rios (Professional Support)]

Hi
Do you have a picture of what you want to do? ,

Image overlaying image…

[Cool_Coder]

Thanks for your reply.

Attached is a picture of the actual app output. The black section behind the map should have been the screenshot of the preview being shown on the surface view. However I get a black screen with a map on it.

I want the preview of the surface view with the map super imposed on it

Please let me know your suggestions

[Rogerio_Rios (Professional Support)]

I’m trying to understand so I can suggest something But what is the objective? How and when should this happen? The user who will create the background? Should the background be the screenshot? Did you put an image and on that image you took a screenshot?

[Cool_Coder]

Thanks for your reply. I tried using the ComponentToImage extension. However despite storage, camera and location permissions being given to the app, the output file of component to image is not getting saved anywhere (default folder I read is /storage/emulated/0/.

Blocks are attached for your reference. Please let me know your suggestions on how I can get this to work.

Phone being used is a samsung J7 pro with android 9.

[Cool_Coder]

The objective is for the user of the app to be able to click a photo with a map (with their current location) superimposed on the photo. In the camera preview the map (with current location of the user) should also be superimposed on the photo (just as how the final photo will appear once the user clicks the button to take the photo).

[Rogerio_Rios (Professional Support)]

@Cool_Coder

is /storage/emulated/0/.

Some basics on Android storage system

From an Android point of view there are an → Internal Storage and an → External Storage. 1. Internal Storage The Internal Storage can only be accessed with a rooted device. 1.1 The app package is saved in /data/data/<packageName>/ 1.2. The Private directory is /data/user/0/<packageName>/files/ This private directory can be used with the File component to save / read text (setting the path without a slash). It can only be accessed by your app and is automatically removed when the app is un…

storage/emulated/0/Android/data//files/

Your PackageName …

I used Extension Component to Image

Sorry, but I still don’t understand, but one of your problems is the path where the photo is being kept and maybe this will help you.

Storing file to external storage

[grafik]

I’m trying to help… see, my goal:
1 - take a picture
2 - draw over the photo
3 - save the photo

Kodular + Canvas : App simples, criando uma imagem com legenda e compartilhar.

[Cool_Coder]

Thanks for the information on storage. I was able to find the image files based on the path given in the documentation you shared.

However the other issue still remains unresolved.

I am trying to create a camera app which superimposes a map with the current location of the user on the camera preview as well as the camera photo.

Both screenshot extension as well as ComponentToImage extension (component to image extension is used on surface view) are not able to capture the image/preview which is being shown by the camera. The are only picking up the map (on a black background).

Any suggestions you have to resolve the above issue would be much appreciated.

[Cool_Coder]

Thanks for the goal you have mentioned → 1) Take Photo 2) Draw over photo 3) Save photo.

I would like to modify it slightly 1) Show camera preview with map superimposed on it. Map should show the current location of the user 2) Take Photo 3) Do some processes to ensure that the map is super imposed on the photo as it appeared in the camera preview.

Can you suggest how the above can be accomplished?