Introduction to .NET MAUI and Creating Your 1st App in 5 Steps

What is .NET MAUI? Step by step process to create your 1st app on .NET MAUI

Published datePublished: Mar 14, 2022 Last Updated Last Updated: Nov 7, 2023 ViewsViews: 9624
Deepak Sinha

Deepak Sinha

CTO
Deepak is a hands-on Technology Leader with expertise in designing software solutions for various successful projects for multinationals. He has total experience of 15+ years and has worked on all the phases of application development and has good experience in open source and mobile technologies. He is passionate on new Technologies and has strong interest on Machine Learning, Artificial Intelligence etc.
What is .NET MAUI? Step by step process to create your 1st app on .NET MAUI

Microsoft has developed an advanced and feature-loaded cross-platform framework called .NET Multi-platform App UI or .NET MAUI, which can be used for developing native mobile and desktop apps via C# and XAML languages.

With .NET MAUI, developers can use a single and shared codebase to develop applications that can seamlessly run on Android, iOS, macOS, and Windows.

Note here, that .NET MAUI is still in preview, and the information shared in this blog has been derived first-hand via pre-release product. Once the final version is released, there can be some changes in the features.

.NET MAUI: Evolution of Xamarin.Forms

.NET MAUI is a framework, that is open-sourced, and is considered to be an extension of Xamarin.Forms, powered with fascinating UI controls built from scratch, and extends the development dimension from mobile to desktops.

Enhancing performance and extensibility of the mobile and desktop apps are the core objectives of .NET MAUI framework.

While there are several similarities between .NET MAUI and Xamarin.Forms, there are several differences as well: With .NET MAUI, developers can not only create multi-platform apps via single project, but also append platform-specific codes and resources, to enable unprecedented customizations and optimizations.

The makers behind .NET MAUI ensured that using one single, sharable codebase, the developers are able to use maximum app logic and UI layout.

And this changes everything.

Here is the architecture of a .NET MAUI app:

net_maui2

.NET MAUI: Key Highlights

With .NET MAUI, developers are able to use controls for specific tasks such as display collections, initiate actions, display data in runtime, indicate activity, pick data and more.

Here are the key highlights of .NET MAUI framework:

  • Comprehensive and elaborate layout engine, which is used for designing pages
  • Feature to create rich navigation types, like drawers, via support for multiple page types
    Data-binding support provided, to creating maintainable development patterns.
  • Presentation of UI handles is enhanced via customize handlers
  • Feature to deploy essential cross-platform APIs for accessing native device features. With this, the app can access device features such as GPS, the accelerometer, and battery and network states and more.
  • Highly advanced cross-platform graphics functionality
  • With hot reload, the developers can modify and work on both source code and XAML code, while the app is running. Hence, the modifications can be checked, without rebuilding the app.

How to create your 1st app on .NET MAUI

Here is the step-by-step guide to create your 1st ever app based on .NET Multi-platform App UI.

But before that, let’s find out the prerequisites:

  • Latest preview of Visual Studio 2022 17.2, with the required workload. For more details, visit here.
  • For maximizing Android emulator performance, Hardware acceleration should be enabled. For more details, visit here.

Now, let’s dive straight into the step by step process to create your 1st app on .NET MAUI in Visual Studio 2022 17.2 Preview, and then run the app on an Android emulator:

Step 1: Launch Visual Studio 2022 17.2 Preview, and then click on ‘Create A New Project’.

maui1

Step 2: Select MAUI in the Project type drop-down, and then select .NET MAUI App (Preview) template. Click next.

maui2

Step 3: Configure your new project window will open, wherein name your project, select a location to save it and click next.

maui3

Step 4: The system will create the project, and the dependencies will be restored.

maui4

Step 5: The Android SDK License Acceptance window will open. Accept button needs to be pressed.

maui5

Step 6: User Account Control dialog will open. Press Yes button.

maui6

Wait for the Visual Studio to download the Android SDK and Android Emulator.

Step 7: Press Android Emulator button in the Visual Studio toolbar

android emulator button

Step 8: A User Account Control dialog will open. Press Yes

maui7

Step 9: New Device window will open. Click Create button

maui8

Step 10: Press Accept button in the License Acceptance window

After this, Android emulator will be downloaded, unzipped and created by Visual Studio

maui9

Step 11: Close the Android Device Manager window

maui10

Step 12: Press the Pixel 5 – API 30 button in the Visual Studio toolbar, which will build and run the new app

pixel5-api

Step 13: While running the Android Emulator, press the Click Me button several times, and observe how the counter is increasing with every click.

And your app is now live!

net_mauiB

Connect with our .NET MAUI app development company to launch your new cross-platform app based on this amazing new framework.

Schedule your appointment today.

Also check: DotNet Development Company

back to top