Progress Telerik UI for Xamarin

Overview

Shadows are among the most widely used UX tricks to create depth in the interface of an application and help guide the end user in differentiating between the various UI elements. The Telerik Shadow UI for Xamarin component enables you to implement highly customizable shadow effects around any UI element of your Xamarin application and achieves a more modern look and feel. The various features of the Telerik Shadow component gives more depth and usability to your application interface on Android, iOS and Windows devices!

Documentation on Getting Started with Telerik UI for Xamarin Shadow Control
Setting Shadow Color

Although in most cases shadows are of black color, the Telerik Shadow for Xamarin has a Color property, which enables you to easily add color to the shadow effect.

Documentation on Setting Shadow Color for Telerik Shadow Control
Defining Transparency

Through the ShadowOpacity property you can set the transparency-level of the shadows you’re using.

Documentation on Defining Transparency for Telerik Shadow Control
Defining Shadow Position

The Telerik Shadow control provides properties used to define its position relative to the UI it wraps around, which gives you the ability to place the shadow in every direction according to the design requirements of your Xamarin application.

Documentation on Defining Shadow Position for Telerik Shadow Control
Corner Radius

The Shadow control enables you to apply a corner radius to the shadow which ensures consistency to the view it wraps around. The CornerRadius property allows you to soften the view's edges and them look more natural and user friendly.

Documentation on Applying Corner Radius with Telerik Shadow Control
Blur Radius

Another powerful property of the Telerik Shadow control for Xamarin is BlurRadius. The property enables you to adjust the blur level to make the shadow look softer.

Documentation on Applying Blur Radius with Telerik Shadow Control