Erste MAUI App

• .NET

Freitag, 13. Januar 2023 - Matt

Microsofts .NET Multi-platform App UI (MAUI) erlaubt es, Apps für Android, iOS, macOS und Windows aus einer Codebasis zu bauen. Es ist auch der Unterbau für Blazor Hybrid. Hier geht es um den Einstieg: vom leeren Projekt bis zum laufenden Fenster.

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.

Die Einrichtung der Werkzeuge beschreibt Erste Schritte mit .NET MAUI.