.NET MAUI erweitern: GUI-Elemente, Backend und Datenanbindung

Inhaltsverzeichnis

close notice

This article is also available in English. It was translated with technical assistance and editorially reviewed before publication.

Don’t show this again.

Mit der Verfügbarkeit der Version .NET MAUI 9 in .NET 9.0 hat Microsoft das Funktionsspektrum des UI-Frameworks erweitert und zusätzlich an der Stabilität des Frameworks und der generierten Apps gearbeitet. Obwohl .NET MAUI (Multi-Platform App UI) viele grundlegende Funktionen bereitstellt, reicht das Standardangebot oft nicht aus, um alle Anforderungen einer App effizient abzudecken. Externe Bibliotheken und Drittanbieterkomponenten schließen diese Lücken, indem sie erweiterte UI-Elemente, Datenbankintegration, Backend-Anbindungen oder plattformspezifische Funktionen bereitstellen. Sie reduzieren den Entwicklungsaufwand, verbessern die Performance und vereinfachen die Implementierung komplexer Features.

Dr. Veikko Krypczyk

Dr. Veikko Krypczyk ist als Softwareentwickler und Trainer auf WinUI 3 und .NET MAUI spezialisiert. Sein Wissen gibt er über Workshops weiter und steht mit seiner Expertise in Projekten zur Verfügung.

.NET MAUI ist das plattformübergreifende UI-Framework von Microsoft, das auf .NET aufbauend eine einheitliche Codebasis für Anwendungen auf Windows, macOS, iOS und Android ermöglicht. Seine flexible Architektur erlaubt eine enge Integration in native Plattform-APIs. Als Nachfolger von Xamarin legt .NET MAUI nach wie vor einen Fokus auf mobile Apps mit Android und iOS. Es erhält jedoch eine wachsende Anzahl von Features, die auf die Entwicklung von Desktopanwendungen für Windows und macOS optimiert sind.

Ebenso kann die MAUI-App als nativer Host für hauseigene, mit Blazor entwickelte Webanwendungen dienen (Blazor Hybrid). Neben Funktionen zum Erstellen des UI bietet .NET MAUI einheitliche APIs zum Ansprechen der Kamera, von Sensoren oder für die Interaktion mit Backend und Datenbanken.

Das Ökosystem dieser Bibliotheken wächst kontinuierlich. Anbieter wie Telerik, Syncfusion oder DevExpress liefern erweiterte UI-Controls zu, während Datenbankanwendungen wie SQLite eine effiziente Datenspeicherung ermöglichen. Für die Backend-Anbindung stehen Firebase, Supabase oder Dienste aus Azure zur Verfügung. Zudem gibt es leistungsfähige Tools für Animationen und Medienwiedergabe. In diesem Artikel leuchten wir das Ökosystem rund um die Entwicklung mit .NET MAUI genauer aus.

Was ist von Haus aus dabei?

Um den Bedarf nach möglichen Erweiterungen einzuschätzen, hilft ein Überblick über die hauseigenen Steuerelemente von.NET MAUI. In Fragen des UI sind es die Views, also die Steuerelemente zum Darstellen von Daten und für die Interaktion mit den Benutzern. Ein umfassender Überblick dieser Basis-Controls findet sich in der Dokumentation zum Framework im Abschnitt "Views":

In konkreten Projektanforderungen sind häufig funktions- und designtechnisch reichhaltigere UI-Komponenten gewünscht. Dafür gibt es Steuerelemente von Drittanbietern, um beispielsweise Daten in konfigurierbaren Charts darzustellen oder komplexe interaktive Diagramme wie ein Kanban-Board zu gestalten.

UI-Bibliotheken von Syncfusion

Syncfusion bietet eine Sammlung mit mehr als 60 UI-Komponenten für .NET MAUI an, darunter DataGrid, Charts, ListView und Scheduler. Im Portfolio finden sich zudem Bibliotheken zum Anzeigen und Bearbeiten von Excel-, PDF-, Word- und PowerPoint-Dateien, die die Integration eines Dokumentenmanagements in Anwendungen erleichtern.

Einen guten Überblick über die Controls, deren Funktionen und das Design zeigt die App Syncfusion .NET MAUI Controls Gallery, die für alle relevanten Zielplattformen (Android, iOS, Windows, macOS) über den jeweiligen Store verfügbar ist. Die App stellt die Controls nach Bereichen sortiert dar und demonstriert jedes Steuerelement anhand eines Beispiels. Links zum Quellcode zeigen den Einsatz der Controls und führen zu den Dokumentationsseiten des Herstellers.

Weitere Unterstützung bietet das Essential UI Kit für .NET MAUI, eine Sammlung vorgefertigter XAML-Seiten, die helfen soll, gängige UI-Layouts schneller zu implementieren. Sie enthält Vorlagen für Anmeldeseiten, Dashboards, Chat-Oberflächen und andere häufig genutzte Ansichten. Diese Vorlagen sind flexibel anpassbar und reduzieren den Entwicklungsaufwand, indem sie konsistente UI-Standards ermöglichen. Der Quellcode ist frei verfügbar und lässt sich nach Bedarf um individuelle Designanforderungen erweitern.

Neben dem UI Kit hat Syncfusion eine Reihe quelloffener .NET MAUI Controls veröffentlicht, die eine Basis für erweiterte UI-Elemente bieten. Diese kostenlose Sammlung umfasst unter anderem Diagramme, Navigationsleisten und Karussell-Steuerelemente, die für mobile und Desktop-Anwendungen optimiert sind. Da sie als Open-Source-Projekte verfügbar sind, kann man den Code einsehen, anpassen und an spezifische Anforderungen anpassen.

Wenn beim Erstellen eines neuen Projekts in Syncfusion die Checkbox Include Sample Content aktiviert ist, werden die Open-Source-Elemente direkt als Verweis im neuen Projekt aufgenommen und einige Beispielseiten mit den Steuerelementen generiert. Auf diese Weise erhält man einen Eindruck von der Handhabung der Bibliothek.

Syncfusion bietet für die Komponenten unterschiedliche Lizenzmodelle an. Neben kommerziellen Lizenzen gibt es eine Community-Lizenz, die speziell für Einzelentwicklerinnen und -entwickler sowie kleine Unternehmen gedacht ist. Sie erlaubt bis zu fünf Entwicklern in Unternehmen mit einem Jahresumsatz unter einer Million US-Dollar die kostenlose Nutzung. Die Community-Variante umfasst den vollen Funktionsumfang der UI-Komponenten, sodass kleinere Teams von der umfangreichen Bibliothek profitieren. Größere Unternehmen benötigen kostenpflichtige Lizenzen, die zusätzlichen Support und erweiterte Funktionen bieten.

Steuerelemente von Telerik

Telerik UI für .NET MAUI ist eine umfassende Sammlung von über 60 UI-Komponenten. Zu den wichtigsten gehört das DataGrid, mit dem sich tabellarische Daten anzeigen, sortieren, filtern und bearbeiten lassen. Die Chart-Komponenten bieten eine Vielzahl von Diagrammtypen und Visualisierungsmöglichkeiten. Die CollectionView ist ein leistungsfähiges Steuerelement für Listen, das die angebundenen Daten sortieren und gruppieren kann. Der DatePicker erlaubt eine flexible Datumsauswahl mit verschiedenen Anzeigeoptionen und die TabView bietet eine intuitive Navigation mit Registerkarten.

Neben diesen zentralen UI-Komponenten bietet Telerik zahlreiche weitere Steuerelemente für Navigation, Datenvisualisierung, Layouts und Benutzereingaben. Das Unternehmen erweitert die Bibliothek regelmäßig. Im jüngsten Update kamen unter anderem der DataPager zum Steuern der Datenanzeige in Tabellen sowie der GridSplitter zum Anpassen von Layouts hinzu. Dank umfangreicher Optionen zum Theming und Styling lässt sich das UI flexibel an individuelle Designvorgaben anpassen.

Wer sich einen schnellen Überblick über die Möglichkeiten von Telerik UI für .NET MAUI verschaffen möchte, findet einige Demo-Apps. Die App Controls Samples zeigt die wichtigsten UI-Komponenten anhand interaktiver Beispiele.

Die App Crypto Tracker von Telerik demonstriert die Steuerelemente in einer Anwendung, die als Beispiel Preise von Kryptowährungen darstellt. Sie ist für Windows, macOS, Android und iOS verfügbar und der Quellcode steht auf GitHub zur Verfügung.

Telerik UI ist kommerziell lizensiert. Jede Entwicklerlizenz umfasst ein Jahr lang Updates und technischen Support. Es fallen keine zusätzlichen Gebühren für die Bereitstellung an, und die Komponenten können in unbegrenzt vielen Anwendungen genutzt werden, solange die Lizenz aktiv ist. Telerik bietet eine kostenlose 30-Tage-Testversion, die den vollen Funktionsumfang der UI-Komponenten und technischen Support umfasst.

Komponenten von DevExpress

DevExpress bietet eine umfangreiche Sammlung von UI-Komponenten für .NET MAUI, die speziell für iOS- und Android-Anwendungen konzipiert sind, um ansprechende mobile Apps mit einer einheitlichen Codebasis zu erstellen. Zu den Steuerelementen gehört das DataGrid, das eine performante Anzeige und Bearbeitung großer Datensätze erlaubt. Es unterstützt das Sortieren, Filtern und Gruppieren diverser Datentypen. Die Chart-Komponenten bieten über zwanzig interaktive Diagrammtypen, darunter Balken-, Linien- und Kreisdiagramme, mit Echtzeit-Datenaktualisierung und flüssigen Navigations- sowie Zoomoptionen. Für Kalenderfunktionen steht der Scheduler zur Verfügung, der Tages-, Wochen- sowie Monatsansichten mit anpassbaren Stilen bietet und wiederkehrende Termine verwaltet.

Ein weiteres wichtiges Steuerelement ist die CollectionView, die Listen flexibel vertikal oder horizontal darstellt. Sie erlaubt unendliches Scrollen, Drag & Drop, Sortierung und Gruppierung. Für Benutzereingaben bietet DevExpress eine Reihe von Data Editors an, darunter Textfelder, Kombinationsfelder, Datumsauswahlen und numerische Editoren, die eine effiziente Datenerfassung ermöglichen. Zusätzlich gibt es Navigationskomponenten wie die TabView, die Inhalte in Registerkarten organisiert und eine intuitive Navigation innerhalb der App erlaubt.

DevExpress stellt die .NET-MAUI-Komponenten kostenlos zur Verfügung, wobei einige erweiterte Funktionen, wie der PDF Viewer und der HTML Editor, allerdings eine Universal Subscription erfordern. Varianten für Windows und macOS sind derzeit nicht vorgesehen.