Grids come in all shapes and sizes. Along with grids come column sizing options. Using Xamarin Forms, column size options come in Auto, Pixel and Star *

Let’s talk about them.

Grid columns that are on Auto take up the space needed for the largest item in that column.

Designer Trak for Xamarin Forms

Grid columns that are a certain Pixel size are the column width of the number of pixels selected.

Designer Trak for Xamarin Forms

Grid columns sized by star sized, that star means portion size – as the page takes up all the mobile screen space available, each star is like a portion of the available space.  In the below example, each of the columns have 1* worth of space, so they’re all equal.

Designer Trak for Xamarin Forms

In the next image, uses Star for the column settings and this shows how the column sizes change based on the number of * in each column.

Designer Trak for Xamarin Forms

Column sizes can be changed around based on what needs each page has.

Designer Trak for Xamarin Forms allows for grids within grids while designing your next mobile app!

Download Designer Trak