IntroductionCourse Outline

Topics

  • Android Navigation
  • Touch in Android
  • Gestures in Android
  • Adding Behavior into your Apps
  • Navigation Patterns
  • Touch and Gestures
  • Auto Layout and Constraints
  • Layout in Xamarin.Forms
  • Resources and Styles in Xamarin.Forms
  • Design an MVVM ViewModel in Xamarin.Forms
  • Xamarin.Forms Effects
  • Xamarin.Forms Renderers

Audience

This course is for UI/UX professionals who want to deepen their Xamarin skills. To get a better insight in the technology behind cross-platform interfacing.

Duration

Five days

Outline for Xamarin UI UX Training

1. Android navigation

Implement the tab, gestural, and drawer UI navigation patterns.

2. Touch in Android

Use low-level touch events to implement custom UI interactions.

3. Gestures in Android

Incorporate standard and custom gestures into your app's user experience.

4. Adding Behavior into your Apps

Use properties to control access to your class's data and methods to implement the class's operations.

5. Navigation Patterns

Implement the stack, tab, master-detail, and pager UI navigation patterns.

6. Touch and Gestures

Use UIView touch events to build a multi-touch drawing application and gesture detectors to manipulate an image.

7. Auto Layout and Constraints

Use Constraints and Size Classes to build a responsive UI that adapts to different screen sizes and orientations.

8. Layout in Xamarin.Forms

Xamarin.Forms apps run on a wide range of devices with varying screen sizes and pixel densities. It is challenging to create a UI that looks good and behaves correctly in all cases. Xamarin.Forms helps solve this problem by providing flexible layout containers that can calculate the size and position of your UI controls automatically; they even recalculate if the user rotates the device or changes the size of the app's window. This course contains in-depth coverage of StackLayout and Grid, the two most popular layout containers in Xamarin.Forms. It also shows you how to add scrolling when your UI is too large for the available screen area.

9. Resources and Styles in Xamarin.Forms

Use resources and styles in Xamarin.Forms to manage shared values and provide a consistent UI look and feel.

10. Design an MVVM ViewModel in Xamarin.Forms

Apply the Model-View-ViewModel (MVVM) design pattern to your Xamarin.Forms apps to improve code reuse and testability.

11. Xamarin.Forms Effects

Use Effects to customize the appearance of the native controls that underlie Xamarin.Forms elements.

12. Xamarin.Forms Renderers

Use Renderers to customize the behavior of existing Xamarin.Forms controls and create your own custom controls.