Erste MAUI App

Erste MAUI App

13 Jan 2023 - Matthias Voigt

Microsofts .NET Multi-platform App UI (MAUI) ist eine plattformübergreifende UI-Framework, das es ermöglicht, Apps für Android, iOS, macOS und Windows mit einer einzigen Codebasis zu erstellen. In diesem Artikel zeige ich, wie man eine einfache MAUI-App erstellt.

Voraussetzungen

Bevor du loslegst, stelle sicher, dass du die folgenden Voraussetzungen erfüllst:

  1. Visual Studio 2022 oder höher
  2. .NET 6 SDK
  3. MAUI-Workload installiert (kann über den Visual Studio Installer hinzugefügt werden)

Schritt 1: Neues MAUI-Projekt erstellen

  1. Öffne Visual Studio 2022.
  2. Wähle “Create a new project”.
  3. Suche nach “MAUI” und wähle das Template “MAUI App” aus.
  4. Gib deinem Projekt einen Namen und wähle den Speicherort aus.
  5. Klicke auf “Create”.

Visual Studio erstellt nun ein neues MAUI-Projekt mit den grundlegenden Dateien und Ordnern.

Schritt 2: Aufbau der MAUI-App

Ein MAUI-Projekt besteht aus mehreren wichtigen Dateien:

  • MainPage.xaml: Die Hauptseite der Anwendung.
  • App.xaml: Die zentrale Datei für die App-Ressourcen und die Startseite.
  • MainPage.xaml.cs: Der Code-Behind der Hauptseite.

Beispielinhalt für MainPage.xaml:

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourNamespace.MainPage">

    <StackLayout>
        <Label Text="Welcome to MAUI!"
               VerticalOptions="CenterAndExpand" 
               HorizontalOptions="CenterAndExpand" />
    </StackLayout>

</ContentPage>

Beispielinhalt für MainPage.xaml.cs:

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
    }
}

Schritt 3: App starten

Um die App zu starten, wähle das gewünschte Zielgerät oder den Simulator/Emulator aus der Dropdown-Liste oben in Visual Studio aus und klicke auf den “Start”-Button. Visual Studio kompiliert und startet die App auf dem ausgewählten Gerät.

Fazit

Das Erstellen einer einfachen MAUI-App ist unkompliziert und ermöglicht es, schnell plattformübergreifende Anwendungen zu entwickeln. Mit MAUI kannst du deinen Code für verschiedene Plattformen wiederverwenden und somit Entwicklungszeit und -aufwand sparen.

Viel Spaß beim Entwickeln deiner ersten MAUI-App!