Creating a Camera App with adding a Watermark Image

[Maltest]

Hello Taifun, i am New in the App Inventor think, it give me an wrong number of Arguments Error, forapplywatermark, I want to get into my Photo what i have taken a Watermark (Logo what i have uploaded in the App into the Photo in the Right corner, but i dont know how i get it work.

And what i want is, Then the Photo is taken, the Photo shows in the App and the Watermark Logo Image shows in the right corner and is savable with the Second Savebutton.
What i see, the Savebutton dont work by me, i hope u can help me, or anyone else, I just want a own Camera App what takes Pictures, set the Logo into the Picture and Save it in one Image in any Folder, can be a own Folder too.

[Taifun]

@Maltest

wrong number of Arguments Error, forapplywatermark

Well, there are a lot of empty sockets in your method call... what about providing reasonable values there?

See the documentation of that extension for help

Taifun

[Maltest]

I tried with the ImageUtil extansion a watermark but it dont worked, i cannot Take the Picture in it what i want to use, thats why i ask here for help, my code is actually trash

i dont get it to work like i want to, also it dont save the Image, i cannot find it in my Storage.

[Taifun]

Here is an example of how to use that method

[F/OS] 🖼️ ImageUtil - Additional Tools To The Image Component!

Two new methods added in version 2. ApplyWatermark [image] Applies watermark text to the given image's content. Parameters: image = component, watermark = text, x = number (int), y = number (int), color = color, alpha = number (int), size = number (int), underline = boolean RoundCorners [image] Applies round corners to the Image, with the radius parameter as the radius of each corner. Parameters: image = component, radius = number (int)

The author of the extension @Gordon_Lu might be able to help more..

Taifun

[Maltest]

ok thanks for it, i get now another error,

Runtime Error:
com.google.appinventor.components.runtime.canvas$CanvasView cannot be cast to Android.widget.Imageview.

My Code Looks now like in the Screenshot, still cannot save the Image or set the Watermark

[Taifun]

@Maltest

Runtime Error:
com.google.appinventor.components.runtime.canvas$CanvasView cannot be cast to Android.widget.Imageview.

Which means, this

must be an image component and can't be a canvas component. .

After taking the picture, displayi it using an image component and then use the ApplyWatermark method together with that image component

Taifun

[Maltest]

So i have to input a Image nit a canvas to it, and the Problem with the picture saving, can u help me there?

[Gordon_Lu]

You see, in math class you should have learned that you cannot divide numbers by 0. Look back in your code.

[Taifun]

@Maltest

the Problem with the picture saving

What exactly is the problem with picture saving?
Please follow

How to ask a question (open new topic)

Before you ask a question / open a new topic please take care of the following points: The forum was previously searched for similar topics / issues. Give a precise (detailed) description of the issue / bug, the goal. Show the (relevant) blocks (images, screenshots of blocks in high quality). Debug your blocks (connect to Companion and right mouse click: → Do it). Name the Android / iOS version running on your (test) device. Do not open multiple threads on the same topic. If you haven't al…

Taifun

[Gordon_Lu]

Also, for the "image" parameter, only take Image components as inputs. You may not use a canvas component, which caused the error.

@Maltest

com.google.appinventor.components.runtime.canvas$CanvasView cannot be cast to Android.widget.Imageview.

[Maltest]

My Problem is, that then i Click on save Image, it apeats the Window to name it , but then i look at my Smartphone, i dont see it saved.

I have removed Canvas in all and only use Image, there i dont get the error.

I had the hope u can help me with this code to get it to work, i just want that the app takes the picture, print the Watermark in it and get saved with the second button.

Edit: I get the runtime Error Width and height must be > 0
before i get the error, i get this:

Runtime error: Attempt to invoke virtual Method "android.graphics.Bitmap android.graphics.drawable.Bitmapdrawable.getbitmap()" on a null object reference.

[Taifun]

Move the ApplyWatermark method into the AfterPicture event
Also: What is the purpose of using the canvas?
EDIT: to find out, where the image is stored, display the image from the AfterPicture event in a label...
To see files stored in the ASD of your app, use a good file manager like Total Commander

Taifun

[Maltest]

Thank you for this fast Answer, Now it works till Photo is Taken, then i press my Save Button it Sais Width and height must be > 0, what i have to write and who?

I just have canvas for the call Canvas.saveas funktion, in Image i dont find the function.

[Taifun]

@Maltest

it Sais Width and height must be > 0, what i have to write and who?

I just have canvas for the call Canvas.saveas funktion, in Image i dont find the function.

@Gordon_Lu might want to explain, how to save a modified image...

My guess is, the original image will be overwritten automatically without need of using a canvas

EDIT: is the watermark correctly displayed now?
Did you check the original image, if it was modified?

Taifun

[Maltest]

This Shows me, i want it in the right corner and mabe Not as Text, more as a picture what i have uploaded, mabe the creator can help there

[Gordon_Lu]

I'm sorry, I was sleeping,so I couldn't answer your questions.

@Taifun

might want to explain, how to save a modified image...

My guess is, the original image will be overwritten automatically without need of using a canvas

The extension does not overwrite the image saved in the path, it only edits the image component itself. All changes are unsaved.

[Taifun]

@Maltest

This Shows me

this looks great! this is what the extension can do, see the documentation

Applies watermark text to the given image's content.

to have an image as watermark, try the Overlay method from the image extension https://puravidaapps.com/image.php

@Gordon_Lu

I'm sorry, I was sleeping,so I couldn't answer your questions.

no need to apologize, noone is here 24/7

@Gordon_Lu

All changes are unsaved.

so how can someone save the modified image?

Taifun

[TIMAI2]

@Taifun

so how can someone save the modified image?

They could use the ComponentToImage extension? (not sure what impact that has on quality...)

[Gordon_Lu]

@Taifun

so how can someone save the modified image?

Uh, you will have to use the ImageEditor extension by Mika. I can look into an update for the extension, but I'm busy and I have to go to school now...

@TIMAI2

They could use the ComponentToImage extension?

Uh haven't tried that, can give it a try and see.