ListView Shadow Affect Around Cell/Item

[Brian]

    Hi T, I have a requirement to display a list of horizontal cards that have a shadow affect.  The card is just a grid with some icons and labels. The design calls for a shadow around each card to make them look elevated.   I immediately thought of RadBorder but it does not have that ability.  Currently I am using 2 Frame tags but I was told that can be expensive performance wise.  Has anyone achieved Shadowed bordering using Styles or maybe a renderer?

 

Thanks,

Brian

[Yana]

Hi Brian,

I have searched for possible solutions for adding shadow effect and found the following discussions on the topic:

https://alexdunn.org/2018/06/06/xamarin-tip-dynamic-elevation-frames/
https://stackoverflow.com/questions/42505696/xamarin-forms-shadow-on-frame-in-android​

Basically, you would need to wrap the items' content inside a Frame and implement custom renderers for the Frame on iOS and Android where the shadow could be defined.

I have tried it with RadListView and the result was good, especially on iOS,  on Android it should be further improved.

I have attached my test project here, so please download it and give it a try.

I hope this would help you get started with the implementation.

Regards,
Yana
Progress Telerik

[Brian]

Thanks for the assistance!  Everyone here is so quick to reply with solutions too! 

Thank you,

B