Welcome to Xamarin Guy Show Blog

Keep updated for latest and Greatest Posts from Xamarin guy

Xamarin Forms DashBoard Material Design Mock Challenge4[Tutorial 64]

Hey guys this is Xamarin guy show material design Mock up challenge@4
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 1 frames.  In this frame where we will be dividing it to 1 grid row and 2 columns. Each column will contain image and contents. I will be adding image on the column 0 and contents(Labels) in the column 1. I request you to go through video tutorial for deep understanding.

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.