[Free] Shadow Layout : Apply Elevation to any Arrangement 🍉

[aditya_chaturvedi (XyberNeo AKA Aditya)]

Hi All, am here to introduce you to my new extension which is the Shadow Layout Extension

Introduction

An extension to apply and control elevation colours to an arrangement. Change properties like shadow angle, shadow radius, shadow distance and shadow colour!

A small yet very useful extension !

Made by Me and Xoma AKA Kumaraswamy

Documentation

• Initialize Shadow Layout

Inputs :

arrangement: Parent arrangement
child: Target arrangement of the shadow layout

• Shadow Color

Sets the shadow color of the target arrangement

Returns the shadow color

• Shadow Angle

Sets the shadow angle of the target arrangement

Returns the shadow angle

• Shadow Radius

Sets the shadow radius of the target arrangement

Returns the shadow radius

• Shadow Distance

Sets the shadow radius of the target arrangement

Returns the shadow radius

Sample(s)

Download Links

Google Drive : com.kumaraswamy.layoutshadow.aix - Google Drive

Direct Download : com.kumaraswamy.layoutshadow.aix (12.6 KB)

Closure

If this helped you then kindly share it with your friends so that it can help them too, we would really appreciate suggestions and would try to implement then in the next update, please make sure they reach me or Xoma (MIT App Inventor)

A big thanks to Kodular for this wonderful builder and active community

Readme file and License as well as the extension can be download from :

XomaDev/ShadowLayout

Demo AIA : [Free] Shadow Layout : Apply Elevation to any Arrangement 🍉 - #8 by aditya_chaturvedi

Regards
Aditya Chaturvedi

[ashishthakoor58 (CYBEROXO)]

great extension keep it up and useful.

[Kshitij (Kshitij Vats)]

Thanks a lot for this great extension. Was looking for something like this since a long time.

[aditya_chaturvedi (XyberNeo AKA Aditya)]

happy to know it will be of help to you !

[luv.ak.tech (Aarush Kumar)]

nice work @aditya_chaturvedi

[techVsurya (Viraj)]

Great extension

[UnknownBeast (Beast)]

Very nice, You rocked it man

[aditya_chaturvedi (XyberNeo AKA Aditya)]

Hi All

Attaching the demo aia file below for reference :

Shadow.aia (13.8 KB)

[nikzdevz]

Hi, if you set ClipToOutline to false then i dont think that you need Parent layout also do not need any spaces

[aditya_chaturvedi (XyberNeo AKA Aditya)]

Hey @nikzdevz

We had this in mind but its better to keep it as it is, it brakes some functionally.

Regards

[sergii (Chudesa Bojii)]

fine, can make a transparent button with a shadow
After rotate screen, effect invisible

[hammerhai (Nathan)]

Is there a reason why the child and parent arrangement is needed?

If you need it internally, you can just do child.getView().getParent().

[aditya_chaturvedi (XyberNeo AKA Aditya)]

Hmm, we will try to fix this bug in version 2

Thanks for reporting

Meanwhile you can try this

PS : This can have some side/adverse effects on layout. i have tried it

Regards

[aditya_chaturvedi (XyberNeo AKA Aditya)]

Actually thats how the extension works, i spoke to Xoma and he said that this isnt much possible according to the current codes, though we appreciate your feedback

Kind regards
Aditya

[Earn_Money_online (AiaStore)]

omg

[aditya_chaturvedi (XyberNeo AKA Aditya)]

Thanks for your love buddy

[sergii (Chudesa Bojii)]

like this as:

1. screen design - portrait
2. screen blocks - unspecified
   
   

no inside!

[msr79526 (SR Official)]

can we added shadow on one side

[aditya_chaturvedi (XyberNeo AKA Aditya)]

Hi,

Currently its not possible, but its a nice idea

Regards,
Aditya Chaturvedi

[Xoma (Kumaraswamy)]

You can try to do it by adjusting the shadow direction.