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 😀
