The introduction of the Shapes API in Xamarin.Forms has opened up new ways for developers to deliver good looking user interface (UI) in their mobile applications. One of such ways is using the Path, Ellipse, Rectangle and other shape components to deliver such look.
The Shapes API also comes with the Clip property that is attached to almost, if not all controls available in Xamarin.Forms.
The code sample below shows how you can convert a Grid to a perfect Circle by adjusting it with an EllipseGeomerty using the Clip property.
The code sample below shows how you can convert a Grid to a Trapezium shape by adjusting it with a PathGeomerty using the Clip property.
To see this in action, watch the video below as we design a Watch Shop Ecommerce App in Xamarin Forms.