Android Question modern gradients

[Mehrzad238]

Just out of curiosity, how can we have modern gradients in b4x?

 

[Cableguy]

In B4J is "easy" since it's CSS capable... in B4A, not so...
the way I can visualise it would be with 1 or 2 canvas and 2 panels... Set the gradients for each panel, with the solid colors you want, then set a transparent to solid gradient
on the canvas and "sandwhich" them together.... by applying the panel1 background to the canvas, and then appllying the canvas to panel2... never tried it though

 

[zed]

Personally, I would do it in Photoshop and put the image as the background.

 

[teddybear]

Just out of curiosity, how can we have modern gradients in b4x?

Use BitmapCreator to draw a few color blocks and then blur them

 

[Sagenut]

As @teddybear suggested... But my initial image it's really orrible.
Example made in B4J.

 

[Mehrzad238]

Personally, I would do it in Photoshop and put the image as the background.

that makes two both us

 

[Mehrzad238]

As @teddybear suggested... But my initial image it's really orrible.
Example made in B4J.

will try

 

[cklester]

Check out Alexander's module. Maybe he could even update it for those spot gradients in your image.

 

[Mehrzad238]

Check out Alexander's module. Maybe he could even update it for those spot gradients in your image.

I will consider, thanks for suggestion

 

[TILogistic]

Other:

[B4X] GradientMaker - cross platform gradient background

Usage example: Dim gd As GradientMaker gd.Initialize gd.SetGradient(View, "TOP_BOTTOM", Array(XUI.Colors_Red, 0xFF00FF00)) 'same orientations as GradientDrawable. Supports any number of colors. See the attached example. BTW, the example uses the nice DDDGrid class...

www.b4x.com

If you want it softer, apply a blur. (BitmapCreatorEffects method Blur) simple Gaussian

Note: This gradient generation is based on the APIs of each platform. B4J uses CSS.

 

[Mehrzad238]

Other:

[B4X] GradientMaker - cross platform gradient background

Usage example: Dim gd As GradientMaker gd.Initialize gd.SetGradient(View, "TOP_BOTTOM", Array(XUI.Colors_Red, 0xFF00FF00)) 'same orientations as GradientDrawable. Supports any number of colors. See the attached example. BTW, the example uses the nice DDDGrid class...

www.b4x.com

If you want it softer, apply a blur. (BitmapCreatorEffects method Blur) simple Gaussian

View attachment 166003

Note: This gradient generation is based on the APIs of each platform. B4J uses CSS.

wow that looks awsome

 

[TILogistic]

apply a blur (25%):

Note: working on textures