Xamarin Forms UI Designing Tutorial

UI Designing in Xamarin Forms.

1. We will learn about controls which is available in Xamarin forms.

   Following Controls Available in Xamarin Forms:

   

   1. Controls for Presentation :

       1. Label - use for showing text 

       2. Image - use for showing image 

       3. BoxView - use for drawing line, rectangle, or shape

       4. WebView - use for showing webpage 

       5. OpenGLView - use for display OpenGL Graphic 

       6. Map - use for display google map

   2.  Controls for performing Action:

       1. Button - display text and fire click event when press

       2. ImageButton - display image and fire event when press

       3. SearchBar - to search text and it's fire event when click on SearchButton

   3. Controls for Setting Values: 

       1. Slider -  use for selecting double value from range

       2. Stepper - use for increment/decrement value  

       3. Switch - use for set boolean value (true/false)

       4. DatePicker - use for set Date 

       5. TimePicker - use for set Time

   4. Controls for Editing Text:

       1. Entry - use for single line input text, it has TextChanged, TextCompleted Events

       2. Editor - use for multiline input text, it has TextChanged, TextCompleted Events

      

   5. Controls for Indicate Activity:

       1. ActivityIndicator - use for indicating task is running 

       2. ProgressBar - use for showing progress of task

  

  6. Controls for Display Collection:

      1. Picker - it display the list of items (text/string), it has SelectedIndexChange- fired when item is changed

      2. ListView - it display scrollable list of data items, it has following property ItemSource - for set                          data list , ItemTemplate - for setting data template, Events- ItemSelected, ItemTapped

      3. TableView - it display list of rows