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.

Leave a Reply

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.