| Über dieses Repository | About This Repository |
|---|---|
| Diese Sammlung von Beispiel-Apps und Tutorials für die Uno Platform richtet sich an Entwickler jeder Erfahrungsstufe. Sie ergänzt die offizielle Dokumentation mit zusätzlichen Erklärungsschritten und präziseren Details – besonders für deutschsprachige Anfänger. Als aktiver Contributor zu Uno Platform erstelle ich diese Tutorials als ergänzende Perspektive zur kontinuierlich verbesserten offiziellen Dokumentation. | This collection of sample apps and tutorials for the Uno Platform is designed for developers of all skill levels. It complements the official documentation with additional explanations and precise details – particularly for German-speaking beginners. As an active contributor to Uno Platform, I create these tutorials as a complementary perspective to the continuously improving official documentation. |
| Schnellzugriffe | Quick Links |
| - Einrichten der Entwicklungs Umgebung | - Setup the Development Environment |
| - Dokumentation | - Documentation |
| - Diskussionen | - Discussions |
Note
Deutsch: Dieses Repository wird nach bestem Wissen und Gewissen gepflegt, ist aber nicht garantiert zu 100% aktuell und kann wie alle Projekte natürlich Fehler enthalten. Die offizielle Uno Platform Dokumentation ist immer einen Blick wert, da dort ein größeres Team die Inhalte kontinuierlich aktualisiert. Ich trage selbst zu Uno Platform als Open Source Projekt bei und schätze die kontinuierliche Verbesserung der Features und der offiziellen Dokumentation sehr.
Note
English: This repository is maintained to the best of my knowledge and effort, but it is not guaranteed to be fully up to date and may contain errors like any project. The official Uno Platform documentation is always worth checking—there is a larger team keeping it continuously updated. I contribute to Uno Platform as an open source project and appreciate the ongoing improvements to the features and the official documentation.
Note
Video tutorials are currently available in German only. You can enable auto-generated English subtitles on YouTube.
Erlebe die Mvux Gallery in Aktion / Experience the Mvux Gallery in Action
| Übersicht | Overview |
|---|---|
| Die Mvux Gallery demonstriert moderne Uno Platform Entwicklungsmuster mit einer umfassenden Beispielanwendung. | The Mvux Gallery demonstrates modern Uno Platform development patterns with a comprehensive example application. |
| Übersicht Mvux Gallery in der Dokumentation | Overview Mvux Gallery in the Documentation |
| Control/Steuerelement | Beschreibung | Description |
|---|---|---|
| FeedView | Mit GridView und ListView für reaktive Datenbindung | Combined with GridView and ListView for reactive data binding |
| DataTemplate | Zentrale Ressourcendefinitionen für wiederverwendbare UI-Strukturen | Centralized resource definitions for reusable UI structures |
| Card, Grid, NavigationView | Layout und Container Controls für strukturierte Oberflächen | Layout and container controls for structured interfaces |
| ItemOverlayTemplate | Repliziert aus WinUI 3 Gallery für Overlay-Effekte | Replicated from WinUI 3 Gallery for overlay effects |
| TabBar & TabBarItem | Tab-basierte Navigation mit Uno.Toolkit | Tab-based navigation with Uno.Toolkit |
| Uno.Extensions ID | |
|---|---|
| MVUX | - Reactive pattern - IState, IFeed, ListFeed- Automatic UI updates |
| Navigation | - Declarative routing via C#/XAML - INavigator with DI and UI-Codebehind integration- Regions, Dialogs, Flyouts - IRouteNotifier |
| Hosting | - IHostBuilder pattern- Dependency Injection - App lifecycle management |
| Dependency Injection (In UnoFeature "Hosting") | - Constructor injection - Service registration - IServiceProvider |
| Configuration | - IOptions<T> pattern- IWriteableOptions- appsettings.json support |
| Serialization | - Source-generated JSON serialization - JsonSerializerContext- High performance |
| Storage | - Key-value storage - File-based persistence - Cross-platform |
| Localization | - Resource-based - UseLocalization()- Culture-specific formatting |
Die XamlNavigationApp ist die erste Tutorial-Anwendung, die du während der YouTube Tutorial Serie kennen lernen kannst.Hierin erkläre ich, wie du eine minimalistische Xaml Markup basierte Navigation mit einer NavigationView als Navigations Steuerelement, welches in seiner Content-Eigenschaft die verschiedenen Seiten anzeigt.Hierfür werden wir als Navigations Framework Uno.Extensions.Navigation in einer MVUX Uno App verwenden. |
The XamlNavigationApp is the first tutorial application you'll learn about in the YouTube tutorial series.I explain how to set up minimalist XAML markup-based navigation using a NavigationView as the navigation control, which displays different pages in its Content property.The Navigation Framework we will choose for this, is Uno.Extensions.Navigation used in a MVUX Uno app. |
| Ressource / Resource | Deutsch | English |
|---|---|---|
| Tutorial Serie | Uno.Extensions Navigation via Xaml – Schritt-für-Schritt | Uno.Extensions Navigation via Xaml – Step-by-step |
| Fortgeschrittene Navigation | Auf Route-Änderungen mit IRouteNotifier reagieren | Listen to Route Changes with IRouteNotifier |
| Video-Tutorials | Komplette Anleitung 🇩🇪 (Deutsch mit englischen Untertiteln) | Complete Walkthrough 🇩🇪 (German with English Subtitles) |
| Quellcode | Implementierung durchsuchen | Browse the Implementation |
Beispiel: Auf Routen-Änderungen mit IRouteNotifier reagieren / Example: Listen to Route Changes with IRouteNotifier
In diesem Beispiel zeige ich dir, wie man den IRouteNotifier-Dienst im Mvux Model erhält und sich für das RouteChanged-Ereignis registriert. Hierbei gehe ich u.a. auch auf die (zum Zeitpunkt der Erstellung dieses Tutorials) leider fehlerhafte Dokumentation im Uno Platform Docs ein, und zeige dir wie du trotzdem den korrekten Namen der aktuellen Route erhalten kannst, sowie diesen live in deiner App anzeigen lassen kannst. |
In this example, I show how to obtain the IRouteNotifier service inside the Mvux model and subscribe to the RouteChanged event. I also call out the (at the time of writing) incorrect Uno Platform docs and show how you can still retrieve the correct current route name and display it live inside your app. |
Die Simple Member Selection Anwendung demonstriert die Auswahl und Anzeige von Mitgliedernamen in einer ListView, gebunden an einen ListState<string> im Modell mittels MVUX. |
The Simple Member Selection application demonstrates selection and display of member names in a ListView bound to a ListState<string> in the Model using MVUX. |
| Resource | Link |
|---|---|
| Video-Tutorial: | How To: Binden von ListState und ImmutableList zu FeedView & ListView im UI |
| Quellcode/Source Code | Simple Member Selection App |
| Wir freuen uns auf dein Feedback und deine Beiträge! | We welcome your feedback and contributions! | ||
| Du hast Fragen? | Diskussion starten | Do you have questions? | Start a Discussion |
| Du hast einen Fehler gefunden? | Issue öffnen | Did you find a bug? | Open an Issue |
| Du möchtest Beitragen? | Hier geht's zu den Guidelines | You want to contribute? | Here you can find the Guidelines |
| Hast du eine Idee? | Diskussionen | Do you have an idea? | Discussions |
| Ressource / Resource | Link |
|---|---|
| Homepage | Uno Platform Homepage |
| Dokumentation / Documentation | Uno Platform Documentation |
| Discord Community | Uno Platform Discord |
| GitHub | Uno Platform on GitHub |
Falls du gerade erst mit C# anfangen möchtest zu lernen, empfehle ich die Kurse von Coding mit Jannick (IT Leismann):
| Kurs | Beschreibung | Link |
|---|---|---|
| C# Grundlagen (kostenlos) | Der perfekte Einstieg in die Softwareentwicklung – Ideal für absolute Anfänger | Zum Kurs |
| .NET Guide (kostenlos) | Produktionsreife .NET Anwendungen – Umgang mit professionellen .NET Anwendungen | Zum Kurs |
| C# Bootcamp 2024 | Vom Anfänger bis zum Profi – Umfassendes Trainingsprogramm | Zum Kurs |
| C# Expertise | Design Patterns und Clean Code – Fortgeschrittene Konzepte für professionelle Entwicklung | Zum Kurs |
| Alle Kurse | Komplette Kursübersicht | Alle Kurse ansehen |
Note
Transparenzhinweis: Ich habe selbst an diesen Kursen teilgenommen und empfehle sie aus Überzeugung. Ich erhalte für diese Weiterempfehlung kein Geld oder andere Vergütung. Die Preise und Verfügbarkeit der Kurse können sich ändern. Bitte überprüfe die Kursseiten für die aktuellsten Informationen.