Fill canvas with gradient

[Nick68]

Is there any fast method to fill the canvas with 2 colors gradient?
I'm trying to make an HSV color picker.

CuloriHSV.aia (109.4 KB)

[TIMAI2]

Perhaps this ?

How to add gradient to canvas

When I tried to draw without a canvas in JavaScript, I tried to create a gradient on that "canvas". The 10x10 canvas I created used table cells as pixels. For this I had to calculate the color of each cell when trying to make a gradient. And now I implemented it in App Inventor. Method i'm using: [blocks (15)] It simply calculates the gradient color for every 5 px. For demonstration i created simple project. gradient.aia (5.6 KB)

(note: I searched the community to find this ...)

[Nick68]

Thanks TIMAI2.
I used the code there, but it's not exactly what I want. I tried KIO4_Gradient, on Horizontal Arrangement but it doesn't work with dynamic color values.

[Anke]

@Nick68

it doesn't work with dynamic color values

"dynamic color values"

[Nick68]

Let's assume that we have a fixed color, for example white, and the other color in the list changes permanently with the Hue slider.
The extension KIO4_Gradient does not work in this case.
Only the first color is rendered, i.e. white.
KIO4_Gradient only works with predefined colors from MIT App Inventor.

It doesn't work in the case below either.

I found the solution here (only for Layout not for Canvas):

How to use Color Gradient in Kodular and other App Inventor based platforms?

[Anke]

METRIC RAT AI2 - ANDROID and HTML Colour Codes