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

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

Initialize Block

Inputs :

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

  • Shadow Color

Set Shadow Color

Sets the shadow color of the target arrangement

Return Shaow Color

Returns the shadow color

  • Shadow Angle

Set SHadow Angle

Sets the shadow angle of the target arrangement

Return Shadow Angle

Returns the shadow angle

  • Shadow Radius

Sets the shadow radius of the target arrangement

Return Show Radius

Returns the shadow radius

  • Shadow Distance

Sets the shadow radius of the target arrangement

Return Shadow Distance

Returns the shadow radius

Sample(s)

Screenshot 2 Screenshot1

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 :

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

Regards
Aditya Chaturvedi

33 Likes

great extension keep it up and useful.

4 Likes

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

2 Likes

happy to know it will be of help to you !

3 Likes

nice work @aditya_chaturvedi

3 Likes

Great extension

2 Likes

Very nice, You rocked it man :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :smiling_face_with_three_hearts:

3 Likes

Hi All

Attaching the demo aia file below for reference :

Shadow.aia (13.8 KB)

1 Like

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

1 Like

Hey @nikzdevz

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

Regards

2 Likes

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

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

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

2 Likes

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

Thanks for reporting

Meanwhile you can try this
IMG_20210202_163529_707

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

Regards

1 Like

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

1 Like

omg :heart_eyes: :heart_eyes: :heart_eyes:

3 Likes

Thanks for your love buddy :grinning:

2 Likes

like this as:

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

no inside!
zzzzzzzzzzzzz_cr

1 Like

can we added shadow on one side

Hi,

Currently its not possible, but its a nice idea

Regards,
Aditya Chaturvedi

2 Likes

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

1 Like