Skills Expanded

Build a Xamarin.Forms Application with XAML

What you'll learn

In this project, you’ll follow along with our instructions and expand existing Wellness application using XAML in Xamarin Forms. You’ll create a tabbed view, carousel view, and wire up a navigation page, as well as add basic styling to make the navigation page more presentable.

Table of contents

Setup
15m
  • Set up your local environment for projects. 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.
Create a TabbedPage
15m
  • Create a new TabbedPage in the Views/Nutrition folder with the name NutritionView that will contain all the nutrition views.
Create a CarouselPage
15m
  • Create a new CarouselPage in the Views/Fitness folder with the name FitnessView.
Setup Navigation Page
15m
  • Setup navigation to the FitnessView and NutritionView on the Views/NavigationPageView.
Setup Modal View
15m
  • In our Views/NavigationPageView.xaml.cs file, wire up our PrivacyModal to be presented when the page loads.
Add Styling To Buttons and Labels
20m
  • In our Views/NavigationPageView.xaml file, add basic styling to dramatically improve the application's presentation.

About the author

Eric is a software developer who is passionate about always learning and improving. When he's not writing code, you'll find him playing computer games, guitar, disc golf, or learning something new. He also takes time to speak at conferences, local user groups, and elementary and middle schools to promote education and self-improvement.

Ready to upskill? Get started