Skills Expanded

Xamarin.Forms: Creating Your First Project

What you'll learn

This project will start with a base Xamarin.Forms application that was created from Visual Studio's File -> New -> Project menu using the Xamarin.Forms Tabbed template. From this base project you will explore different features of Xamarin.Forms, while you modify the application to track your bucket list items.

Table of contents

Setup
45m
  • Set up your local environment for this project. We'll walk you through everything you need to know, including how to install and configure your environment to be able to complete all of the tasks.
Rename the application displayed on the AboutPage
20m
  • One benefit of Xamarin.Forms is the ability to declare a User Interface that is shared among all platforms, while still providing for platform specific logic. This module will help to familiarize you with Xamarin.Forms XAML and introduce the "Platform-Specific" logic.
Add a Completed CheckBox to the NewItemPage
20m
  • Another benefit of Xamarin.Forms is XAML Data Binding. Data Binding allows a User Interface property to be bound to a another property. So changes in one value will be reflected in the other. In this module you will create a "Completed" CheckBox that will be bound to the IsCompleted property of the ViewModel's Item object.
Add a Completed Checkbox to the list on the ItemsPage
20m
  • Xamarin.Forms provides several different types of Layouts to help achieve your desired look and feel. This design is then shared among all the platforms. In this module you will add a "Completed" CheckBox that will be aligned alongside each Item displayed in the List of Items.
Add a Mission Statement Page using the Shell Application type
20m
  • Our current Xamarin.Forms application has been using a <TabbedPage> to mange the navigation between pages of our Bucket List app. This has worked well so far, but does have some complexities when trying to add new pages to our application. The Xamarin.Forms Shell application type provides several features to help reduce the complexities of developing mobile applications. In this module you will convert the Bucket List app to a Shell application and add a new Mission Statement page to the application.

About the author

Jeff Hopper is a technologist with over 20 years of experience across several development stacks and business domains. He has enjoyed many of those years focusing on the .Net stack for both web and mobile development. His desire is to help people achieve more through technology in order to free up more time to be with family and friends. He and his lovely wife are currently enjoying spoiling their first grandson.

Ready to upskill? Get started