Xamarin Forms Project Tutorial

Xamarin Forms Material Design Mock Challenge3[Tutorial 63]

Hey guys this is Xamarin guy show material design Mock up challenge@3
One friend of mine came to me and said that it’s impossible to give material effect to xamarin forms project. And Along with that he told me to mock up the image for me in Xaml
I laughed at him and told let’s challenge and with believe i created this sample project.

In this project i will be using Frame and Label, Grid,
Frame:
The Frame class derives from ContentView and it usually displays a rectangular frame around its child. It has a default padding value of 20, and also we can defines OutlineColor, CornerRadius, and HasShadow properties for frame
ie: It will be set as left from 20 , Top from 20 , right from 20 and bottom from 20.
Label:
The Label view is used for displaying text. Labels can have its own custom font families, sizes and text color.
Grid:
Grid supports arranging views into rows and columns. So that  Rows and columns can be set to have proportional sizes or absolute sizes.  Grid is usually intended for laying out content.I more over use grid for all my complex projects. 🙂

In this tutorial we are going to add 2 frames. 1st frame is like mock challenge one and second frame is for tutorial 63 where we will be dividing the 2nd frame into four grid rows and 2 columns. Each grid row will contain images and labels seperated by columns. I request you to go to the video tutorial for deep understanding.

404 total views, 2 views today

Leave a Reply