Xamarin Forms Project Tutorial

Xamarin Forms Profile UI Design[Tutorial 16]

Hey guys in this tutorial we are going to add profile Ui design inside xamarin forms. In this tutorial we will make a simple UI design. We will be using Image, BoxView,label inside stack layout. If you want to implement this type of ui design then follow me:

We have to set our MainPage as our Startup page. MainPage = new ProfileUi.MainPage();

Basics:

StackLayout:
It  organizes our  views in a one-dimensional line  either horizontally or vertically.

Label:
Label which is a view  is used for displaying text. It can  have custom fonts , colored text and font families etc.
BoxView:
It is  a simple rectangle of a specified width, height, and color. It can be used  for decoration, rudimentary graphics, and for interaction with the user through touch.

Button:
 It  displays a  text string or bitmap image or both   indicating a command, When  user presses the Button  with a finger or clicks it with a mouse to initiate that command.
After a Button command is clicked then user can perform various events like navigation, validation, converter etc..

Now the Design Part i.e our xaml part we are making use of stack layout where we will be adding a image with a source,a box view with height HeightRequest=”1″ and a button with some text. That’s all so show up the code 😀

 

621 total views, 1 views today

Leave a Reply