Getting Started With First .NET MAUI Application Using Visual Studio 2022

The resources are a good improvement in MAUI. The AppIcon, image and font folder will be available under the MAUI project and it is just a single SVG, looks like Maui will just automatically take care of generating all the different icon sizes for different devices.

Run IOS App

Building MAUI iOS applications requires access to Apple's build tools, which only run on a Mac. Because of this, Visual Studio 2022 must connect to a network-accessible Mac to build iOS applications.

You must install the Xcode 13.1++ version on the Mac machine before connecting Visual Studio 2022 to the Windows machine.

Program.cs

Program class file is the main entry file on iOS app and executes the main method of the application, here you can define your custom app delegate file and other configuration files

using UIKit;
namespace FirstMUAIApp {
    public class Program {
        // This is the main entry point of the application.
        static void Main(string[] args) {
            // if you want to use a different Application Delegate class from "AppDelegate"
            // you can specify it here.
            UIApplication.Main(args, null, typeof(AppDelegate));
        }
    }
}

Appdelegate.cs

Each platform will call MauiProgram static class for initializing. On iOS will call as below,

using Foundation;
using Microsoft.Maui;
using Microsoft.Maui.Hosting;
namespace FirstMUAIApp {
    [Register("AppDelegate")]
    public class AppDelegate: MauiUIApplicationDelegate {
        protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
    }
}

You can select iOS simulator and device and click Run icon for executing the application.

The output will be as below,

Run Android App

The android application, MainApplication.cs will execute first, it will call the MauiProgram static class initially as like below

using System;
using Android.App;
using Android.Runtime;
using Microsoft.Maui;
using Microsoft.Maui.Hosting;
namespace FirstMUAIApp {
    [Application]
    public class MainApplication: MauiApplication {
        public MainApplication(IntPtr handle, JniHandleOwnership ownership): base(handle, ownership) {}
        protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
    }
}

You can select android simulator or device as below, press F5 to run the application

The output like below,

Run Windows App

The Windows application executes App.xaml.cs file first, it will call the MauiProgram static class initially as like below,

using Microsoft.Maui;
using Microsoft.Maui.Hosting;
using Microsoft.UI.Xaml;
using Windows.ApplicationModel;
// To learn more about WinUI, the WinUI project structure,
// and more about our project templates, see: http://aka.ms/winui-project-info.
namespace FirstMUAIApp.WinUI {
    /// <summary>
    /// Provides application-specific behavior to supplement the default Application class.
    /// </summary>
    public partial class App: MauiWinUIApplication {
        /// <summary>
        /// Initializes the singleton application object. This is the first line of authored code
        /// executed, and as such is the logical equivalent of main() or WinMain().
        /// </summary>
        public App() {
            this.InitializeComponent();
        }
        protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
        protected override void OnLaunched(LaunchActivatedEventArgs args) {
            base.OnLaunched(args);
            Microsoft.Maui.Essentials.Platform.OnLaunched(args);
        }
    }
}

Select the device and run the Application.

Demo Video

I have shared a recorded demo video with two versions, English and Tamil. It will help you to understand more about creating, building, and debugging the First MAUI application.

Hope this article is very useful for you, if you have any questions/ feedback/ issues, please write in the comment box