Welcome to Xamarin Guy Show Blog

Keep updated for latest and Greatest Posts from Xamarin guy

Xamarin Forms Stretched Background Image [Tutorial 30]

Advantage of Relative Layout:
RelativeLayout
is used to position and size views relative to properties of the layout or the views.In this tutorial we are going to make use of relativelayout in order to stretch image to its exact stretched position.
RelativeLayout support positioning elements outside of its own bounds.
We are going to add width constraint and height constraint to seed the image to exact screen sizes.

Step1: Insert IT Inside Your MainPage.xaml

Here we will be using Grid and will be adjusted with respect to the image it is a very good practice to use grid inside relative layout.
Grid:

It supports arranging views into rows and columns. Rows and columns can be set to have proportional sizes or absolute sizes.

We can split up screen into n number of parts using grid and add out views.

 2,899 total views,  6 views today

Leave a Reply