From f23158fd93d4365d63a9d51c85058439c1221a0c Mon Sep 17 00:00:00 2001
From: Sebastian Zug <sebastian.zug@informatik.tu-freiberg.de>
Date: Mon, 8 Jul 2024 05:13:48 +0200
Subject: [PATCH] Add L28

---
 28_MAUI_II.md                                 | 1372 +++++++++++++++++
 code/27_MAUI/MauiDemo/{MauiDemo => }/App.xaml |    0
 .../MauiDemo/{MauiDemo => }/App.xaml.cs       |    0
 .../MauiDemo/{MauiDemo => }/AppShell.xaml     |    0
 .../MauiDemo/{MauiDemo => }/AppShell.xaml.cs  |    0
 .../MauiDemo/{MauiDemo => }/MainPage.xaml     |   33 +-
 .../MauiDemo/{MauiDemo => }/MainPage.xaml.cs  |    0
 .../MauiDemo/{MauiDemo => }/MauiDemo.csproj   |    3 +-
 code/27_MAUI/MauiDemo/MauiDemo.sln            |   17 +-
 code/27_MAUI/MauiDemo/MauiDemo/MauiDemo.sln   |   25 -
 .../Platforms/Android/MainActivity.cs         |   10 -
 .../MauiDemo/{MauiDemo => }/MauiProgram.cs    |    0
 .../Platforms/Android/AndroidManifest.xml     |    0
 .../Platforms/Android/MainActivity.cs         |   10 +
 .../Platforms/Android/MainApplication.cs      |    0
 .../Android/Resources/values/colors.xml       |    0
 .../Platforms/MacCatalyst/AppDelegate.cs      |    0
 .../Platforms/MacCatalyst/Entitlements.plist  |    0
 .../Platforms/MacCatalyst/Info.plist          |    0
 .../Platforms/MacCatalyst/Program.cs          |    0
 .../{MauiDemo => }/Platforms/Tizen/Main.cs    |    0
 .../Platforms/Tizen/tizen-manifest.xml        |    2 +-
 .../{MauiDemo => }/Platforms/Windows/App.xaml |    0
 .../Platforms/Windows/App.xaml.cs             |    0
 .../Platforms/Windows/Package.appxmanifest    |    2 +-
 .../Platforms/Windows/app.manifest            |    0
 .../Platforms/iOS/AppDelegate.cs              |    0
 .../{MauiDemo => }/Platforms/iOS/Info.plist   |    0
 .../{MauiDemo => }/Platforms/iOS/Program.cs   |    0
 .../Properties/launchSettings.json            |    0
 .../Resources/AppIcon/appicon.svg             |    0
 .../Resources/AppIcon/appiconfg.svg           |    0
 .../Resources/Fonts/OpenSans-Regular.ttf      |  Bin 107184 -> 107292 bytes
 .../Resources/Fonts/OpenSans-Semibold.ttf     |  Bin 111056 -> 111164 bytes
 .../Resources/Images/dotnet_bot.png           |  Bin
 .../Resources/Raw/AboutAssets.txt             |    2 +-
 .../Resources/Splash/splash.svg               |    0
 .../Resources/Styles/Colors.xaml              |    0
 .../Resources/Styles/Styles.xaml              |    4 +-
 code/27_MAUI/MauiMinimal/MauiProgram.cs       |    7 +
 40 files changed, 1435 insertions(+), 52 deletions(-)
 create mode 100644 28_MAUI_II.md
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/App.xaml (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/App.xaml.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/AppShell.xaml (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/AppShell.xaml.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/MainPage.xaml (54%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/MainPage.xaml.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/MauiDemo.csproj (95%)
 delete mode 100644 code/27_MAUI/MauiDemo/MauiDemo/MauiDemo.sln
 delete mode 100644 code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/MainActivity.cs
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/MauiProgram.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/Android/AndroidManifest.xml (100%)
 create mode 100644 code/27_MAUI/MauiDemo/Platforms/Android/MainActivity.cs
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/Android/MainApplication.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/Android/Resources/values/colors.xml (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/MacCatalyst/AppDelegate.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/MacCatalyst/Entitlements.plist (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/MacCatalyst/Info.plist (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/MacCatalyst/Program.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/Tizen/Main.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/Tizen/tizen-manifest.xml (92%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/Windows/App.xaml (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/Windows/App.xaml.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/Windows/Package.appxmanifest (92%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/Windows/app.manifest (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/iOS/AppDelegate.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/iOS/Info.plist (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Platforms/iOS/Program.cs (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Properties/launchSettings.json (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Resources/AppIcon/appicon.svg (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Resources/AppIcon/appiconfg.svg (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Resources/Fonts/OpenSans-Regular.ttf (96%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Resources/Fonts/OpenSans-Semibold.ttf (96%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Resources/Images/dotnet_bot.png (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Resources/Raw/AboutAssets.txt (86%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Resources/Splash/splash.svg (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Resources/Styles/Colors.xaml (100%)
 rename code/27_MAUI/MauiDemo/{MauiDemo => }/Resources/Styles/Styles.xaml (99%)

diff --git a/28_MAUI_II.md b/28_MAUI_II.md
new file mode 100644
index 0000000..cd550ec
--- /dev/null
+++ b/28_MAUI_II.md
@@ -0,0 +1,1372 @@
+<!--
+
+author:   Galina Rudolf, Sebastian Zug, 
+email:    sebastian.zug@informatik.tu-freiberg.de
+version:  1.0.0
+language: de
+narrator: Deutsch Female
+comment:  Elemente der Programmierung mit MAUI, Testen von Maui Anwendungen 
+tags:      
+logo:     
+
+import: https://github.com/liascript/CodeRunner
+        https://raw.githubusercontent.com/liascript-templates/plantUML/master/README.md
+
+import: https://raw.githubusercontent.com/TUBAF-IfI-LiaScript/VL_Softwareentwicklung/master/config.md
+
+-->
+
+[![LiaScript](https://raw.githubusercontent.com/LiaScript/LiaScript/master/badges/course.svg)](https://liascript.github.io/course/?https://github.com/TUBAF-IfI-LiaScript/VL_Softwareentwicklung/blob/master/27_MAUI_II.md)
+
+# .NET MAUI Elemente 
+
+| Parameter                | Kursinformationen                                                                    |
+| ------------------------ | ------------------------------------------------------------------------------------ |
+| **Veranstaltung:**       | `Vorlesung Softwareentwicklung`                                                      |
+| **Teil:**                | `28/27`                                                                              |
+| **Semester**             | @config.semester                                                                     |
+| **Hochschule:**          | @config.university                                                                   |
+| **Inhalte:**             | @comment                                                                             |
+| **Link auf den GitHub:** | https://github.com/TUBAF-IfI-LiaScript/VL_Softwareentwicklung/blob/master/27_MAUI_II.md |
+| **Autoren**              | @author                                                                              |
+
+![](https://media.giphy.com/media/26tn33aiTi1jkl6H6/source.gif)
+
+---------------------------------------------------------------------
+
+## Frage aus der letzten Veranstaltung
+
+> Wie können die Formate von Elementen (Schriftgrößen, Arten usw.) einheitlich gestaltet werden?
+
+```xml 
+<Label 
+    Text="Hier mache ich was ich will"
+    FontSize=16>
+
+<Label
+    Text="Hello, World!"
+    Style="{StaticResource Headline}"
+    SemanticProperties.HeadingLevel="Level1" />
+
+<Label
+    Text="Welcome to &#10;.NET Multi-platform App UI"
+    Style="{StaticResource SubHeadline}"
+    SemanticProperties.HeadingLevel="Level2"
+    SemanticProperties.Description="Welcome to dot net Multi platform App U I" />
+```
+
+> Beispiel im Projektordner `/code/27_Maui/MauiDemo` gezeigt. 
+
+In `App.xaml` werden die Ressourcen referenziert:
+
+```xml
+    <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
+    <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
+```
+
+Diese enthalten die Definitionen für die Text und Farbstile für einzelne Elemente und hierarchische Vorgaben.
+
+## Koordinatensystem und Einheiten
+
+> Differenzierung nach Einheiten (geräteunabhängige/abhängig) und Anordnungsarten (absolut/relativ) 
+
+                    {{0-1}}
+**********************************************************
+
+Der Ursprungspunkt (0,0) befindet sich in der oberen linken Ecke des Containers (z.B. des Bildschirms, eines Fensters oder eines Panels).Die x-Achse verläuft horizontal von links nach rechts. Die y-Achse verläuft vertikal von oben nach unten.
+
+```ascii 
++-------------------------+
+|+-----------------------+|
+||+-----> x              ||
+||| (0,0)                ||
+|||                      ||
+||v                      || 
+||y                      ||                                                                 .
+...
+
+```
+
++ Um Elemente präzise zu positionieren, müssen deren x- und y-Koordinaten innerhalb des Containers festgelegt werden (absolute Positionierung). Relative Positionierung bezieht sich auf andere Elemente oder den Container.
++ Die Breite und Höhe von UI-Elementen können ebenfalls mit festen Größen oder relativ zur Größe des Containers oder anderer Elemente definiert werden werden.
++ Für die pixelgenaue Positionierung können in **Ausnahmefällen** absolute Einheiten verwendet werden, z.B. in spezifischen Layouts wie AbsoluteLayout.
+  
+```csharp
+// Absolute layout in code behind (px example)
+var absoluteLayout = new AbsoluteLayout();
+AbsoluteLayout.SetLayoutBounds(label, new Rectangle(0, 0, 200, 50)); // Position and size
+```
+
+```
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="AbsoluteLayoutDemos.Views.XAML.StylishHeaderDemoPage"
+             Title="Stylish header demo">
+    <AbsoluteLayout Margin="20">
+        <BoxView Color="Silver"
+                 AbsoluteLayout.LayoutBounds="0, 10, 200, 5" />
+        <Label Text="Stylish Header"
+               FontSize="24"
+               AbsoluteLayout.LayoutBounds="30, 25" />
+    </AbsoluteLayout>
+</ContentPage>
+```
+
+Die Werte "0, 10, 200, 5" geben die Position (x=0, y=10) und die Größe (width=200, height=5) des BoxView-Elements in Pixeln an.
+
+**********************************************************
+
+                    {{1-2}}
+**********************************************************
+
+Um die Konsistenz der Benutzeroberfläche auf verschiedenen Geräten mit unterschiedlichen Pixeldichten sicherzustellen verwendet MAUI standardmäßig *geräteunabhängige Einheiten*, die an die Pixeldichte des Bildschirms angepasst werden (Grid, StackLayout, FlexLayout, FontSize, Padding, Margin).
+
+```xml
+<Label Text="Hello, World!"
+       FontSize="16" /> <!-- FontSize in device-independent units (like dp) -->
+```
+
+```xml 
+<ScrollView>
+        <VerticalStackLayout
+            Padding="30,0">    <!-- Padding mit zwei Dimensionen -->
+            <Image
+                Source="dotnet_bot.png"
+                HeightRequest="185"
+                Aspect="AspectFit"
+                Margin="20" />   <!-- Margin mit einer Dimension -->
+                                 <!-- Margin="0,20,15,5">
+                                 <!-- links, oben, rechts unten -->
+```
+
+```ascii 
+
++-----------------------------------------+
+|        ^
+|        | Margin                           VerticalStackLayout
+|        v
+|Margin+---------------------------------+
+|<---->| 
+|      | Padding
+|      |<---->+-----------------------
+|      |      | Children 1
+|      |      |
+|      |      |
+|      |      +---------------------- 
+|      |
+|      +---------------------------------+
+|        ^
+|        | Margin
+|        v
+|      +---------------------------------+
+|      | Padding
+|      |<---->+-----------------------
+|      |      | Children 2
+|      |      |                                                                                .
+
+...
+```
+
+**********************************************************
+
+                    {{2-3}}
+**********************************************************
+
+
+Relative Angaben für Position (Größe): 
+
++ Die Ausrichtung einer View, relativ zu ihrem übergeordneten Element, kann gesteuert werden, indem die Eigenschaft HorizontalOptions oder VerticalOptions der View auf eines der öffentlichen Felder aus der LayoutOptions-Struktur festgelegt wird. Die öffentlichen Felder sind Start, Center, End und Fill.
+
+
+```xml
+<StackLayout>
+  ...
+  <Label Text="Start" BackgroundColor="Gray" HorizontalOptions="Start" />
+  <Label Text="Center" BackgroundColor="Gray" HorizontalOptions="Center" />
+  <Label Text="End" BackgroundColor="Gray" HorizontalOptions="End" />
+  <Label Text="Fill" BackgroundColor="Gray" HorizontalOptions="Fill" />
+</StackLayout>
+```
+
+```ascii 
++-----------------------------------------+
+| +--------+                              |                               
+| | Start  |                              |             
+| +--------+                              |             
+|                                         |             
+|                +--------+               | 
+|                | Center |               |    
+|                +--------+               |
+|                                         |
+|                              +--------+ |
+|                              | End    | |
+|                              +--------+ |
+|                                         |
+| +-------------------------------------+ | 
+| | Fill                                | |
+| +-------------------------------------+ |
++-----------------------------------------+                                                   .
+```
+
++ Durch die Einstellung von HorizontalOptions und VerticalOptions auf LayoutOptions.Fill ("Fill") kann erreicht werden, dass ein Element übereinstimmend mit dem übergeordneten Element dargestellt wird.
+
+```xml
+<StackLayout>
+    <BoxView Color="Silver" 
+        HorizontalOptions="Fill" 
+        VerticalOptions="Fill" />
+</StackLayout>
+```
+
+> Vergleich Beispiel im Projektordner '/code/27_Maui/MauiDemo' gezeigt.
+
+**********************************************************
+
+## Steuerelemente
+
+Die Benutzeroberfläche einer .NET Multi-Platform (.NET MAUI)-App besteht aus Objekten, die den nativen Steuerelementen jeder Zielplattform zugeordnet sind.
+
+Die Hauptsteuerelementgruppen, die zum Erstellen der Benutzeroberfläche einer .NET MAUI-App verwendet werden, sind Seiten, Layouts und Ansichten. Eine .NET MAUI-Seite nimmt im Allgemeinen den gesamten Bildschirm oder das gesamte Fenster ein. Die Seite enthält normalerweise ein Layout, das Ansichten und möglicherweise andere Layouts. Seiten, Layouts und Ansichten leiten sich von der `VisualElement`-Klasse ab. Diese Klasse stellt eine Vielzahl von Eigenschaften, Methoden und Ereignissen bereit, die in abgeleiteten Klassen nützlich sind.
+
+> Neben den Basiselementen von Maui existiert eine Vielzahl von vorgefertigten spezifischen Steuerelementen, die zum Teil im communitytoolkit enthalten sind.
+>
+> https://learn.microsoft.com/de-de/dotnet/communitytoolkit/maui/views/
+> 
+> https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/?view=net-maui-8.0
+
+### Pages
+
+![ContentPage](https://learn.microsoft.com/de-de/dotnet/maui/user-interface/pages/media/contentpage/pages.png?view=net-maui-8.0 "Formate von Pages in Maui - Quelle Maui Dokumentation - https://learn.microsoft.com/de-de/dotnet/maui/user-interface/pages/contentpage?view=net-maui-8.0")
+
+**ContentPage:** zeigt eine einzelne Ansicht an und ist der am häufigsten verwendete Seitentyp. 
+
+**FlyoutPage:**	ist eine Seite, die zwei verwandte Seiten mit Informationen verwaltet – eine Flyout-Seite, die Elemente darstellt, und eine Detailseite, die Informationen zu Elementen auf der Flyout-Seite darstellt. 
+
+**NavigationPage:** stellt eine hierarchische Navigation bereit, bei welcher in der Vorwärts- und in der Rückwärtsrichtung durch Seiten navigieren werden kann. 
+
+**TabbedPage:** besteht aus einer Reihe von Seiten, die über Registerkarten auf dem oberen oder unteren Seitenrand navigierbar sind.
+
+#### Klassendiagramm
+
+![Pages](https://www.plantuml.com/plantuml/png/RP3F2i8m3CRlUOgzmDv0nb3qvf_3y9vkOLJIJjPK4NnugM5gYvUn_BvVFaBR83XBT0neWipOIzKpXb0TpOLwAUdQ-W4Dq_zqo-J82-HMLTVFPkbJHLdPTi2R7TESIKlfsOQ8d4NPWZfqroYpuOGZAKy6TEIkZ4B3bwS_s4nUoCkRAivCsF5ZYb8iwH5Y9ry4-YRxo6BJl4gV1dJEpGwD-Jtcuq1BVeYENm00)
+
+#### Seitenwechsel im Quellcode
+
+```csharp
+button.Clicked += async (sender, args) =>
+{
+    await Navigation.PushAsync(new HelloXamlPage());
+};
+```
+
+### Layouts
+
+Layoutklassen ermöglichen das Anordnen und Gruppieren von UI-Steuerelementen.
+
+![Layouts](https://learn.microsoft.com/de-de/dotnet/maui/user-interface/layouts/media/layouts.png?view=net-maui-8.0 "Basis Layouts in Maui - Quelle Maui Dokumentation - https://learn.microsoft.com/de-de/dotnet/maui/user-interface/layouts/?view=net-maui-8.0")
+
++ **StackLayout** - organisiert Elemente in einem eindimensionalen Stapel, entweder horizontal oder vertikal (auch über Orientation-Eigenschaft)
+
+  + **HorizontalStackLayout**
+  + **VerticalStackLayout**
+
++ **Grid**
++ **FlexLayout**: kann Elemente sowohl horizontal als auch vertikal in einem flexiblen Raster anordnen (FlexDirection: Row, Column, RowReverse, ColumnReverse). Es bricht die Zeile oder Spalte um, wenn zu viele Elemente vorhanden sind, um in eine einzelne Zeile oder Spalte zu passen.
++ AbsoluteLayout : legt Position und Größe von untergeordneten Elementen mit expliziten Werten fest. Die Position wird durch die obere linke Ecke des untergeordneten Elements relativ zur oberen linken Ecke des AbsoluteLayout in geräteunabhängigen Einheiten angegeben.
+
+```xml
+<StackLayout Margin="20,20,20,20" Spacing="10">
+    <Button Text="auf die Plätze" />
+    <Button Text="fertig" />
+    <Button Text="los" />
+</StackLayout>
+```
+
+![StackLayout](./img/MAUI_I/StackLayout.png)
+
+```csharp
+using Microsoft.Maui.Controls;
+
+namespace MauiApp
+{
+    public partial class MainPage : ContentPage
+    {
+        public MainPage()
+        {
+            var grid = new Grid
+            {
+                RowDefinitions =
+                {
+                    new RowDefinition { 
+                        Height = new GridLength(1, GridUnitType.Star) },
+                    new RowDefinition { 
+                        Height = new GridLength(2, GridUnitType.Star) },
+                },
+                ColumnDefinitions =
+                {
+                    new ColumnDefinition { 
+                        Width = new GridLength(1, GridUnitType.Star) },
+                    new ColumnDefinition { 
+                        Width = new GridLength(2, GridUnitType.Star) },
+                }
+            };
+
+            var label1 = new Label
+            {
+                Text = "Oben links",
+                BackgroundColor = Colors.LightBlue
+            };
+
+            var label2 = new Label
+            {
+                Text = "Oben rechts",
+                BackgroundColor = Colors.LightCoral
+            };
+
+            var label3 = new Label
+            {
+                Text = "Unten links",
+                BackgroundColor = Colors.LightGreen
+            };
+
+            var label4 = new Label
+            {
+                Text = "Unten rechts",
+                BackgroundColor = Colors.LightGoldenrodYellow
+            };
+
+
+			grid.Children.Add(label1);
+            Grid.SetRow(label1, 0);
+            Grid.SetColumn(label1, 0);
+
+            grid.Children.Add(label2);
+            Grid.SetRow(label2, 0);
+            Grid.SetColumn(label2, 1);
+
+            grid.Children.Add(label3);
+            Grid.SetRow(label3, 1);
+            Grid.SetColumn(label3, 0);
+
+            grid.Children.Add(label4);
+            Grid.SetRow(label4, 1);
+            Grid.SetColumn(label4, 1);
+
+            Content = grid;
+        }
+    }
+}
+```
+
+![Grid](./img/MAUI_I/Grid.png)
+
+Um gewünschte Layout zu erstellen ist es unter Umständen notwendig die Layouts zu verschachteln.
+
+#### Klassendiagramm
+
+![Layouts](https://www.plantuml.com/plantuml/png/SoWkIImgAStDuN9CAixFAIr9zKcip2yjKL3GrQsnKu1mkDnoKYkmYRiNPQQWYWIN92PdEoKMfw88At1vv1TbLkNdbIJcW5MW60RNmuLFBYorg2Gp6Rz-XzIy5A1V0000)
+
+### Views (Controls, Widgets) 
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/?view=net-maui-8.0
+
+.NET MAUI-Ansichten sind die UI-Objekte wie Labels, Schaltflächen, Schieberegler etc, die häufig als Steuerelemente oder Widgets in anderen Umgebungen bezeichnet werden.
+
+#### Eine Auswahl der Views:
+
+**Label**: einfache Textausgabe
+
+**Button**: Schalter
+
+**Entry**: Texteingabe
+
+**Editor**: ermöglicht die Eingabe und Bearbeitung mehrerer Textzeilen
+
+**CheckBox**: Ankreuzfeld
+
+![CheckBox](https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/media/checkbox/checkbox-databinding.png?view=net-maui-8.0)
+
+**RadioButton**: Auswahlschalter einer RadioGroup
+
+![RadioButton](https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/media/radiobutton/radiobuttons-default.png?view=net-maui-8.0)
+
+**Bild**: Image zeigt ein Bild an, das aus einer lokalen Datei, einem URI oder einem Datenstrom geladen werden kann. Unterstützt werden die standardmäßigen Plattformbildformate einschließlich animierter GIFs und lokale SVG-Dateien (Scalable Vector Graphics).
+
+Eigenschaften: 
+
++ Aspect, definiert den Skalierungsmodus des Bilds.
++ Source vom Typ ImageSource, gibt die Quelle des Bilds an: FromFile, FromUri, FromStream.
+
+
+```xml
+<Image Source="dotnet_bot.png" />
+<Image Source="https://aka.ms/campus.jpg" />
+```
+
+```csharp
+Image image1 = new Image
+{
+    Source = ImageSource.FromFile("dotnet_bot.png")
+};
+// Image image1 = new Image { Source = "dotnet_bot.png" };
+
+Image image2 = new Image();
+image2.Source = new UriImageSource
+{
+    Uri = new Uri("https://tu-freiberg.de/themes/custom/tubaf_barrio/logo.svg"),
+    CacheValidity = new TimeSpan(10,0,0,0)
+};
+
+Image image3 = new Image
+{
+    Source = ImageSource.FromStream(() => stream)
+};
+```
+
+**Web-View**:
+
+```xml
+<WebView HeightRequest="800" WidthRequest="400" Source="https://tu-freiberg.de" />
+```
+
+```csharp
+WebView webView = new WebView
+{
+    Source = "https://tu-freiberg.de"
+};
+
+//...
+
+webView.Reload();
+```
+Quellen:
+
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/label?view=net-maui-8.0
+
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/button?view=net-maui-8.0
+
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/radiobutton?view=net-maui-8.0
+
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/checkbox?view=net-maui-8.0
+
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/entry?view=net-maui-8.0
+
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/editor?view=net-maui-8.0
+
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/image?view=net-maui-8.0
+
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/controls/webview?view=net-maui-8.0&pivots=devices-android
+
+#### Klassendiagramm
+
+![Views](https://www.plantuml.com/plantuml/png/ROv1IiOm48NtEKKlq2j8gNGXY8A8hYV9eD59KfA9jU3XfOxbJyA_w_lUrvUPCaFYuac1pfp0y608SXuUzGSQxkdiWWLDUBrT23q6LgqrZEFFpRadYh1-xG6-tDkH6-aSVN6v03LLyuCuk4dLs6ekp36S3MxgzXtDvno_AtGNriB7LyMMm6cNBFKVj8vZwkazQ2I1_tcFXIlmZ7ubOBINDyHHJs1Th4ziLFMAkZjhmc2Bfry0)
+
+Nicht behandelt wurden weitere GUI-Elemente wie 
+Graphiken, Windows, Dialoge, Toolbars, Menüs.
+
+### Handler
+
+.NET Multi-platform App UI (.NET MAUI) bietet eine Sammlung plattformübergreifender Schnittstellendarstellungen, die die Steuerelemente abstrahiert. Plattformübergreifende Steuerelemente, die diese Schnittstellen implementieren, werden als virtuelle Ansichten bezeichnet. Handler ordnen diese virtuellen Ansichten Steuerelementen auf jeder Plattform zu, die als systemeigene Ansichten bezeichnet werden. Handler sind auch für die Instanziierung der zugrunde liegenden nativen Ansicht und das Zuordnen der plattformübergreifenden Steuerelement-API zur nativen Ansichts-API verantwortlich. Beispielsweise ordnet ein Handler unter iOS ein .NET MAUI Button einem iOS UIButton zu. Unter Android ist die Button Zuordnung zu einem AppCompatButton: 
+
+![ButtonHandler](https://learn.microsoft.com/de-de/dotnet/maui/user-interface/handlers/media/overview/button-handler.png?view=net-maui-8.0 "Umsetzung der Cross-Plattform Steuerelemente durch Handler - Quelle Maui Dokumentation - https://learn.microsoft.com/de-de/dotnet/maui/user-interface/handlers/?view=net-maui-8.0")
+
+Auf .NET MAUI-Handler wird über ihre steuerelementspezifische Schnittstelle zugegriffen, z. B. IButton für einen Button.
+
+```csharp
+namespace Microsoft.Maui
+{
+	/// <summary>
+	/// Represents a <see cref="IView"/> that reacts to touch events.
+	/// </summary>
+	public interface IButton : IView, IPadding, IButtonStroke
+	{
+		/// <summary>
+		/// Occurs when the button is pressed.
+		/// </summary>
+		void Pressed();
+
+		/// <summary>
+		/// Occurs when the button is released.
+		/// </summary>
+		void Released();
+
+		/// <summary>
+		/// Occurs when the button is clicked/tapped.
+		/// </summary>
+		void Clicked();
+	}
+}
+```
+
+Quelle:
+
+https://learn.microsoft.com/de-de/dotnet/maui/user-interface/handlers/?view=net-maui-8.0
+
+https://github.com/dotnet/maui/blob/cf42c193957a530af1a0551284c40e72e55780f9/src/Core/src/Core/IButton.cs
+
+### Kompletes Beispiel mit verschieden Views
+
+Chaos on the desk:
+
+```xml
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Chaos.MainPage">
+
+   <ScrollView>
+        <StackLayout Padding="10">            
+            <!-- Zu erledigen -->
+            <Label Text="Zu erledigen" FontAttributes="Bold" FontSize="Large" />
+            <HorizontalStackLayout>
+                <CheckBox IsChecked="False" VerticalOptions="Center"/>
+                <Label Text="Organisieren die Aufgaben" VerticalOptions="Center"/>
+            </HorizontalStackLayout>
+            <HorizontalStackLayout>
+                <CheckBox IsChecked="False" VerticalOptions="Center"/> 
+                <Label Text="Halten den Arbeitsplatz sauber" VerticalOptions="Center"/>
+            </HorizontalStackLayout>
+            <BoxView HeightRequest="10" /> <!-- Spacer -->
+            <!-- Kluge Sprüche -->
+            <Label Text="Computer werden kleiner und kleiner, bald verschwinden sie völlig - Ephraim Kishon" 
+                   FontAttributes="Bold" FontSize="Small" />
+            <BoxView HeightRequest="10" /> <!-- Spacer -->
+            <!-- Mäusebilder aus Ressorces/Images-->
+            <Label Text="Mäusebilder" FontAttributes="Bold" FontSize="Large" />
+            <HorizontalStackLayout>
+                <Image Source="maus1.png" Aspect="AspectFit" HeightRequest="150" />
+                <Image Source="maus2.jpg" Aspect="AspectFit" HeightRequest="150" />
+            </HorizontalStackLayout>
+            <BoxView HeightRequest="10" /> <!-- Spacer -->
+            <!-- Tagebuch -->
+            <Label Text="Tagebuch" FontAttributes="Bold" FontSize="Large" />
+            <Editor Placeholder="Tagebucheinträge..." HeightRequest="100" />
+            <!-- Kalenderansicht -->
+            <Label Text="Kalender" FontAttributes="Bold" FontSize="Large" />
+            <DatePicker FontSize="Large" Date="07/01/2024" />
+            <BoxView HeightRequest="10" /> <!-- Spacer -->
+        </StackLayout>
+    </ScrollView>
+
+</ContentPage>
+```
+![Chaos](./img/MAUI_I/Chaos.png)
+
+## App-Lebenszyklus
+
+.NET MAUI löst plattformübergreifende Lebenszyklusereignisse aus:
+
+![Lebenszyklus](https://learn.microsoft.com/de-de/dotnet/maui/fundamentals/media/app-lifecycle/app-lifecycle.png?view=net-maui-8.0 "App-Lebenszyklus in Maui - Quelle Maui Dokumentation - https://learn.microsoft.com/de-de/dotnet/maui/fundamentals/app-lifecycle?view=net-maui-8.0")
+
++ Wenn eine App zum ersten Mal installiert oder ein Gerät gestartet wird, kann die App als **Not Running** betrachtet werden. 
++ Wenn die App gestartet wird, werden die Ereignisse `Created` und `Activated` ausgelöst und die App wechselt zu "**Running**". 
++ Wenn ein anderes App-Fenster den Fokus erhält, wird das `Deactivated`-Ereignis ausgelöst und die App wechselt zu **Deactivated**. 
++ Wechselt der Benutzer zu einer anderen App oder kehrt zum Home-Bildschirm des Geräts zurück, sodass das App-Fenster nicht mehr sichtbar ist, werden die Ereignisse `Deactivated` und `Stopped` ausgelöst und die App wird gestoppt (**Stopped**). 
++ Wenn der Benutzer zur App zurückkehrt, wird das `Resumed`-Ereignis ausgelöst, und die App weckselt zum Zustand **Running**. 
++ Wennn die App von einem Benutzer beendet wird während sie ausgeführt wird, wird die App erst inaktiv (**Deactived**),  dann gestoppt (**Stopped**) und schlißlich wird das Ereignis `Destroying` ausgelöst und die App beendet. Ebenso kann das Gerät die App beenden, falls sie aufgrund von Ressourcenbeschränkungen bereits gestoppt ist.
+
+Die App-Klasse ist der Einstiegspunkt einer MAUI-Anwendung und wird verwendet, um die Lebensdauer der Anwendung zu verwalten und die Hauptseite der Anwendung MainPage oder MainPage in einem Window festzulegen.
+Auf Desktop-Plattformen hat das Window-Objekt einen vollständigen Lebenszyklus.
+Mobile Plattformen fokussieren sich auf den Lebenszyklus von Aktivitäten (Android) und View-Controllern (iOS), welche durch die Page-Klasse abstrahiert werden.
+
+
+Die MainActivity wird von der Android-Laufzeitumgebung gestartet. Sie ist im plattformspezifischen Android-Projekt definiert und initialisiert die MAUI-Anwendung.
+Die App-Klasse wird von der MainActivity aufgerufen und initialisiert die plattformübergreifende Anwendung. In der App-Klasse wird die MainPage festgelegt.
+
+Eine vereinfachte Darstellung des Android-Aktivitätslebenszyklus:
+
+![AktivitätLZ](https://developer.android.com/guide/components/images/activity_lifecycle.png?hl=de "Android Aktivitätslebenszyklus - Quelle Android Dokumentation - https://developer.android.com/guide/components/activities/activity-lifecycle?hl=de")
+
+### App-Lebenszyklus-Ereignisse
+
++ Plattformübergreifende Lebenszyklusereignisse sind verschiedenen Plattformereignissen zugeordnet
+
+| Event | Android | Windows |  |
+| :---- |  :---- | :---- |:------------------------------------------------ |
+| **Created** | OnCreate | Created | das systemeigene Fenster wird erstellt, ist aber möglicherweise noch nicht sichtbar | 	
+| **Activated** | OnResume | Activated (CodeActivated und PointerActivated) | das fokussierte Fenster ist oder wird sichtbar | 	
+| **Deactivated**| OnPause | Activated (Deactivated) | das Fenster ist nicht mehr fokussiert, aber möglicherweise weiterhin sichtbar | 	
+| **Stopped** | OnStop | VisibilityChanged | das Fenster ist nicht mehr sichtbar | 	
+| **Resumed** | OnRestart | Resumed |die App wurde gestoppt und dann wieder fortgesetzt |	
+| **Destroying** | OnDestroy | Closed |das systemeigene Fenster wird zerstört| 	
+
+###  App-Lebenszyklus-Methoden
+
+Zusätzlich zu diesen Ereignissen verfügt die Klasse Window über die folgenden überschreibbaren Lebenszyklusmethoden:
+    OnCreated,
+    OnActivated, 
+    OnDeactivated, 
+    OnStopped, 
+    OnResumed, 
+    OnDestroying, 
+    OnBackgrounding (wird aufgerufen, wenn das Backgrounding-Ereignis ausgelöst wird).
+
+```csharp
+using System.Diagnostics;
+namespace MyMauiApp
+{
+    public partial class App : Application
+    {
+        public App()
+        {
+            InitializeComponent();
+            MainPage = new MainPage();
+        }
+
+        protected override Window CreateWindow(IActivationState activationState)
+        {
+            Window window = base.CreateWindow(activationState);
+            window.Created += (s, e) =>
+            {
+                // Custom code:
+                Debug.WriteLine("Window created at: " + DateTime.Now);           //Logging
+                if (!Connectivity.NetworkAccess.HasFlag(NetworkAccess.Internet)) //Connectivity
+                {
+                    MainPage.DisplayAlert("No Internet", "Please check your internet connection.", "OK");
+                }
+            };
+
+            return window;
+        }
+    }
+}
+```
+
+oder 
+
+```csharp
+namespace MyMauiApp
+{
+    public class MyWindow : Window
+    {
+        public MyWindow() : base()
+        {
+        }
+
+        public MyWindow(Page page) : base(page)
+        {
+        }
+
+        protected override void OnCreated()
+        {
+            // Custom code
+        }
+    }
+}
+```
+
+```csharp
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace MyMauiApp
+{
+    [Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
+    public class MainActivity : MauiAppCompatActivity
+    {
+        protected override void OnCreate(Bundle savedInstanceState)
+        {
+            base.OnCreate(savedInstanceState);
+            SetContentView(Resource.Layout.activity_main);
+            // Android spezifische Initialisierungen
+        }
+    }   
+}
+```
+
+### Page-Lebenszyklus-Ereignisse (Methoden)
+
+Der Lebenszyklus einer Page umfasst die Konstruktion der Seite, das Erscheinen (Appearing), Interaktionen und Updates während der Anzeige, das Verschwinden (Disappearing) und schließlich die Destruktion. 
+
++ **Appearing**: wird ausgelöst, wenn eine Seite angezeigt wird
++ **Disappearing**: wird ausgelöst, wenn eine Seite ausgeblendet wird.
+
+```csharp
+protected override void OnAppearing()
+{
+    base.OnAppearing();
+    // Aktion
+}
+```
+
+Das Überschreiben von entsprechenden Methoden ermöglicht die spezifische Logik zu verschiedenen Zeitpunkten im Lebenszyklus einer Seite zu implementieren.
+
+## Ereignisbehandlung
+
+Die Eventbehandlung in .NET MAUI umfasst die Reaktion auf verschiedene Ereignisse, die sowohl durch Benutzeraktionen wie Klicks auf Buttons bzw. Texteingaben in Editoren als auch durch Systemereignisse, wie das Laden von Seiten, Netzwerkänderungen, Timerabläufe oder Hardwareereignisse (z.B. das Drehen des Geräts), ausgelöst werden können.
+
+Ereignisse können direkt in XAML oder im Code abonniert werden. 
+
+### Benutzeraktion
+
+Benutzeraktionen umfassen alle Interaktionen (mit Mous, Taste, ..., Touch, Swipe, ... ), die der Benutzer mit der Benutzeroberfläche ausführt, wie z.B. Klicken, Tippen, Streichen, usw. Ein Button-Steuerelement kann beispielsweise auf die Ereignisse Clicked, Pressed und Released reagieren, während ein Entry-Steuerelement über Ereignisse wie TextChanged verfügt. Hier eine Auswahl:
+
++ Button- und Mauseingaben:
+
+| Event        | wird ausgelöst                                                      |
+| :----------- | :------------------------------------------------------------------ |
+| **Clicked**  | wenn ein Button oder ein anderes klickbares Element angeklickt wird |
+| **Pressed**  | wenn ein Element gedrückt wird                                      |
+| **Released** | wenn ein gedrücktes Element losgelassen wird                        |
+
+```csharp
+Button button = new Button { Text = "Click Me" };
+button.Clicked += (sender, args) => { /* Aktion */ };
+button.Pressed += (sender, args) => { /* Aktion */ };
+button.Released += (sender, args) => { /* Aktion */ };
+```
+
+![FarbButton](./img/MAUI_II/FarbButton.png)
+
+```csharp
+public partial class MainPage : ContentPage
+{
+        public MainPage()
+        {
+            InitializeComponent();
+
+            // Button erstellen
+            Button button = new Button
+            {
+                Text = "Click Me",
+                HorizontalOptions = LayoutOptions.Center,
+                VerticalOptions = LayoutOptions.Center
+            };
+
+            // Clicked-Ereignis hinzufügen
+            button.Clicked += (sender, args) =>
+            {
+                //?
+            };
+
+            // Pressed-Ereignis hinzufügen
+            button.Pressed += (sender, args) =>
+            {
+                button.BackgroundColor = Colors.Blue;
+            };
+
+            // Released-Ereignis hinzufügen
+            button.Released += (sender, args) =>
+            {
+                button.BackgroundColor = Colors.Yellow;
+            };
+
+            // Button zur Seite hinzufügen
+            Content = new StackLayout
+            {
+                Children = { button }
+            };
+        }
+    }
+```
+
++ Button, Label, Image (und einige andere) unterstützen Tap-Gesten; Image, CollectionView (und andere) die Swipe-Gesten. Diese Controls können durch Gestenerkenner (TapGestureRecognizer, SwipeGestureRecognizer, etc.) erweitert werden.
+
+| Event | wird ausgelöst |
+| :---- | :------------------------------------------------ |
+| **Tapped** | wenn auf ein Element getippt (doppelt getippt) wird |
+| **Swiped** | wenn eine Wischgeste erkannt wird |
+
+```csharp
+var tapGestureRecognizer = new TapGestureRecognizer();
+//var doubleTapGestureRecognizer = new TapGestureRecognizer { NumberOfTapsRequired = 2 };
+tapGestureRecognizer.Tapped += (sender, args) => { /* Aktion */ };
+image.GestureRecognizers.Add(tapGestureRecognizer);
+```
+
+```csharp
+var swipeGestureRecognizer = new SwipeGestureRecognizer { Direction = SwipeDirection.Left };
+swipeGestureRecognizer.Swiped += (sender, args) => { /* Aktion */ };
+image.GestureRecognizers.Add(swipeGestureRecognizer);
+```
+
++ Eingabefelder (Entry)
+
+| Event | wird ausgelöst |
+| :---- | :------------------------------------------------ |
+| **TextChanged** | wenn der Text in einem Eingabefeld geändert wird |
+| **Completed** | wenn die Eingabe in einem Eingabefeld abgeschlossen wird (z.B. durch Drücken der Enter-Taste) |
+
+```csharp
+Entry entry = new Entry { Placeholder = "Enter text" };
+entry.TextChanged += (sender, args) => { /* Aktion */ };
+entry.Completed += (sender, args) => { /* Aktion */ };
+```
++ Listen
+
+| Event | wird ausgelöst |
+| :---- | :------------------------------------------------ |
+| **ItemSelected** | wenn ein Element in einer Liste ausgewählt wird | 
+| **ItemTapped** | wenn auf ein Element in einer Liste getippt wird | 
+
+
+```csharp
+ListView listView = new ListView();
+listView.ItemSelected += (sender, args) => { /* Aktion */ };
+```
+
++ RadioButton
+
+| Event | wird ausgelöst |
+| :---- | :------------------------------------------------ |
+| **CheckedChanged** | | 
+
+![Ampel](./img/MAUI_II/Ampel.png)`
+
+```xml
+    <ScrollView>
+        <StackLayout VerticalOptions="Center" HorizontalOptions="Center" Spacing="20">
+            <!-- RadioButtons for color selection -->
+            <RadioButton Content="Red"
+                        GroupName="colors"
+                        CheckedChanged="OnColorsRadioButtonCheckedChanged" />
+            <RadioButton Content="Yellow"
+                        GroupName="colors"
+                        CheckedChanged="OnColorsRadioButtonCheckedChanged" />
+            <RadioButton Content="Green"
+                        GroupName="colors"
+                        CheckedChanged="OnColorsRadioButtonCheckedChanged" />
+            <BoxView x:Name="ColorDisplay"
+                    WidthRequest="100"
+                    HeightRequest="100"
+                    Color="Gray" />
+        </StackLayout>
+    </ScrollView>
+```
+
+```csharp
+public partial class MainPage : ContentPage
+{
+	public MainPage()
+	{
+		InitializeComponent();
+	}
+
+    void OnColorsRadioButtonCheckedChanged(object sender, CheckedChangedEventArgs e)
+    {
+        if (e.Value == true)
+        {
+            var radioButton = sender as RadioButton;
+            switch (radioButton.Content.ToString())
+            {
+                case "Red":
+                       ColorDisplay.Color = Colors.Red;
+                       break;
+                case "Yellow":
+                       ColorDisplay.Color = Colors.Yellow;
+                       break;
+                 case "Green":
+                        ColorDisplay.Color = Colors.Green;
+                        break;
+                }
+        }
+    }
+}
+``` 
+
+### Ereignis registrieren im Code
+
+**Vorteil**: Events können zur Laufzeit abonniert und abbestellt werden, was eine flexible Reaktion auf dynamische UI-Zustände ermöglicht.
+
+**Ereignismethoden** müssen die folgenden Signaturanforderungen erfüllen:
+
++ Sie können keinen Wert zurückgeben (void).
++ Sie müssen zwei Parameter übernehmen: ein object-Verweis, der das Objekt angibt, das das Ereignis ausgelöst hat (als Sender bezeichnet), und einen EventArgs-Parameter, der alle Argumente enthält, die vom Sender an den Ereignishandler übergeben werden.
++ Der Ereignishandler sollte private sein. Dies ist zwar nicht zwingend erforderlich, aber wenn Sie einen Ereignishandler als öffentlich definieren, kann von außen auf ihn zugegriffen werden, und er könnte von einer anderen Aktion aufgerufen werden.
++ Der Ereignishandler kann `async` sein, wenn asynchrone Vorgänge ausgeführt werden müssen.
+
+```csharp
+public partial class MainPage : ContentPage, IPage
+{
+    public MainPage()
+    {
+        InitializeComponent();
+        Counter.Clicked += OnCounterClicked;
+    }
+
+    ...
+
+    private void OnCounterClicked(object sender, EventArgs e)
+    {
+        ...
+    }
+}
+Counter.Clicked -= OnCounterClicked;
+```
+
+Neben benannten Methoden können auch anonyme Methoden oder Lambda-Ausdrücke zur Eventbehandlung verwendet werden, was besonders nützlich für kurze und einmalige Event-Handler ist.
+
+**Argumente der Eventhandler für Benutzeraktionen**
+
+- Touch- und Mauseingaben: EventArgs, TappedEventArgs, SwipedEventArgs
+- Eingabefelder und Formulare: TextChangedEventArgs, CompletedEventArgs
+- Liste und Sammlung: SelectedItemChangedEventArgs, ItemTappedEventArgs
+
+| Klasse                           | enthaltene Informationen                                                                                            |
+| :------------------------------- | :------------------------------------------------------------------------------------------------------------------ |
+| **EventArgs**                    | Allgemeine Basisklasse für Ereignisdaten, enthält keine spezifischen Informationen                                  |
+| **TappedEventArgs**              | über das Tippen, wie die Anzahl der Taps und die Position                                                           |
+| **SwipedEventArgs**              | über eine Wischgeste, wie die Richtung und die Geschwindigkeit der Geste                                            |
+| **TextChangedEventArgs**         | Änderungen im Text, einschließlich des neuen und alten Textwertes                                                   |
+| **CompletedEventArgs**           | Wird verwendet, wenn eine Eingabe in einem Eingabefeld abgeschlossen wird, enthält keine zusätzlichen Informationen |
+| **SelectedItemChangedEventArgs** | über das ausgewählte Element in einer Liste, einschließlich des neuen ausgewählten Elements                         |
+| **ItemTappedEventArgs**          | über ein angetipptes Element in einer Liste, wie das angetippte Element und dessen Position                         |
+
+
+### Ereignis registrieren im XAML-Markup
+
+Eine Ereigniseigenschaft (z.B. Clicked bei Button) kann im XAML-Markup einer Seite mit dem Namen der Methode, die bei Auslösung des Ereignisses ausgeführt werden soll, initialisiert werden. 
+
+```xml
+<Button Text="Click Me" Clicked="OnButtonClicked" />
+```
+
+Die Event-Handler-Methoden werden im Code-behind definiert. 
+
+```csharp
+private void OnButtonClicked(object sender, EventArgs e)
+{
+    // Reaktion auf Button-Click
+}
+```
+
+`InitializeComponent`-Methode, die im Konstruktor der Code-behind-Klasse aufgerufen wird, kümmert sich u.a. um die Verknüpfung von Event-Handler mit dem Event.
+
+### Systemereignisse
+
+Systemereignisse werden von der Plattform oder dem System ausgelöst (nicht durch Benutzeraktionen). Hier eine Auswahl:
+
++ `SizeChanged`, `OrientationChanged` werden ausgelöst, wenn sich die Größe eines Elements bzw. die Ausrichtung des Gerätes ändert.
+
+```csharp
+ContentPage page = new ContentPage();
+page.SizeChanged += (sender, args) => { /* Aktion */ };
+```
+
+```csharp
+var currentOrientation = DeviceDisplay.MainDisplayInfo.Orientation;
+DeviceDisplay.MainDisplayInfoChanged += (sender, args) =>
+{
+    var orientation = args.DisplayInfo.Orientation;
+    // Aktion
+};
+```
++ Veränderung des Netzwerkstatus (`ConnectivityChanged`) 
+
+```csharp
+Connectivity.ConnectivityChanged += (sender, args) =>
+{
+    var access = args.NetworkAccess;
+    var profiles = args.ConnectionProfiles;
+    // Aktion
+};
+```
+
+**Argumente der Eventhandler für Systemereignisse**
+
+- Gerätezustand und Orientierung: SizeChangedEventArgs, DisplayInfoChangedEventArgs
+- Netzwerkstatus: ConnectivityChangedEventArgs
+  
+| Klasse | Informationen |
+| :---- | :------------------------------------------------ |
+| **SizeChangedEventArgs** | Größenänderung eines Elements, einschließlich der neuen und alten Größe | 
+| **DisplayInfoChangedEventArgs** | Änderungen in der Anzeige, wie neue Anzeigeeigenschaften (z.B. Auflösung, Orientierung) | 
+| **ConnectivityChangedEventArgs** | Änderungen im Netzwerkstatus, wie die aktuelle Netzwerkanbindung und verfügbare Verbindungstypen | 
+
+## Multi-Threading
+
+Notwendigkeit der Thread-Verwendung s. Vorlesung ...
+
+https://learn.microsoft.com/de-de/dotnet/maui/platform-integration/appmodel/main-thread?view=net-maui-8.0
+
+Problem: Die meisten Betriebssysteme verwenden für den Code, der die Benutzeroberfläche umfasst ein Thread. Dieser Thread wird als Hauptthread, Benutzeroberflächenthread oder UI-Thread bezeichnet. Die Verwendung dieses Modells ist notwendig, um Ereignisse der Benutzeroberfläche ordnungsgemäß zu serialisieren.  Der Nachteil dieses Modells ist, dass der Code, der auf Elemente der Benutzeroberfläche zugreift, ebenfalls im Hauptthread der Anwendung ausgeführt werden muss.
+
+Ausführen von Code im UI-Thread aus einem sekundären Thread:
+
+```csharp
+MainThread.BeginInvokeOnMainThread(() =>
+{
+    // Code to run on the main thread
+});
+```
+
+oder mit Abfrage: 
+
+```csharp
+void MyMainThreadCode() // method of main thread
+{
+    // Code to run on the main thread
+}
+
+if (MainThread.IsMainThread)
+    MyMainThreadCode();
+
+else
+    MainThread.BeginInvokeOnMainThread(MyMainThreadCode);
+```
+
+Weitere Methoden:  
+
+| Methode 	| Argumente 	| Rückgabe 	| Zweck | 
+| :---- | :---- | :---- | :------------------------------------------------ |
+| InvokeOnMainThreadAsync<T> 	| Func<T> 	| Task<T> 	| Ruft Func<T> auf dem Hauptthread auf und wartet auf den Abschluss.| 
+| InvokeOnMainThreadAsync 	| Action 	| Task 	| Ruft Action auf dem Hauptthread auf und wartet auf den Abschluss.| 
+| InvokeOnMainThreadAsync<T> 	| Func<Task<T>> 	| Task<T> 	| Ruft Func<Task<T>> auf dem Hauptthread auf und wartet auf den Abschluss.| 
+| InvokeOnMainThreadAsync 	| Func<Task> 	| Task 	| Ruft Func<Task> auf dem Hauptthread auf und wartet auf den Abschluss.| 
+| GetMainThreadSynchronizationContextAsync 		| | Task<SynchronizationContext> 	| Gibt SynchronizationContext für den Hauptthread zurück| 
+
+Beispiel:
+
+```csharp
+private void OnClicked(object sender, EventArgs e)
+{
+    Task.Run(async () => 
+    {
+        Thread.Sleep(2000);
+        string ergebnis="404";
+        MainThread.BeginInvokeOnMainThread(() =>
+        {
+            EvaluateLabel.Text=antwort;
+        });					
+    });
+}
+```
+
+```xml
+<Label
+    x:Name="EvaluateLabel"
+    Text=" " />
+<Button
+    x:Name="Btn"
+    Text="Click me" 
+    Clicked="OnClicked"
+    HorizontalOptions="Fill" />
+```
+
+```csharp
+using Microsoft.Maui.Controls.Shapes;
+namespace Ampel2;
+
+public partial class MainPage : ContentPage
+{
+    private Ellipse colorDisplay;
+	IDispatcherTimer timer;
+    private string[] colors = {"Yellow", "Red", "Yellow", "Green" };
+    private int colorIndex = 0;
+
+    public MainPage()
+    {
+        InitializeComponent();
+		colorDisplay = new Ellipse				
+		{ 
+			Fill=Colors.Green,
+         	WidthRequest=100, HeightRequest=100,
+         	HorizontalOptions=LayoutOptions.Center 
+		};
+
+		timer = Dispatcher.CreateTimer();
+		timer.Interval = TimeSpan.FromMilliseconds(2000);
+		timer.Tick += (s, e) =>
+		{
+			colorIndex = (colorIndex + 1) % colors.Length;
+            MainThread.BeginInvokeOnMainThread(() =>
+            {
+				switch (colors[colorIndex])
+				{
+					case "Red":
+						colorDisplay.Fill = Colors.Red;
+						break;
+					case "Yellow":
+						colorDisplay.Fill = Colors.Yellow;
+						break;
+					case "Green":
+						colorDisplay.Fill = Colors.Green;
+						break;
+				}
+        	});
+		};
+		timer.Start();
+        Content = new StackLayout
+        {
+            Children = { colorDisplay }
+        };
+    }
+
+    protected override void OnDisappearing()
+    {
+        base.OnDisappearing();
+        timer.Stop(); 
+    }
+}
+```
+
+## Datenbindung
+
+Eine .NET Multiplattform App UI (.NET MAUI) App besteht aus einer oder mehreren Pages, von denen jede typischerweise mehrere Benutzerschnittstellen-Objekte enthält. Eine der Hauptaufgaben der App besteht darin, diese Views zu synchronisieren. Häufig stehen die Views für Werte einer zugrunde liegenden Datenquelle, und die Benutzer verändern die Views, um die Daten zu verändern. Wenn die View verändert wird, müssen alle zugrunde liegenden Daten und andere View diese Änderung nachvollziehen. Das kann über Eventhandler realisiert werden. 
+
+Die Datenbindung automatisiert diesen Prozess und macht Ereignishandler überflüssig. Datenbindungen können sowohl in XAML als auch in Code implementiert werden, sind aber in XAML weitaus häufiger, da sie dazu beitragen, die Größe der Code-Behind-Datei zu reduzieren. Bindungsaktualisierungen werden von .NET MAUI an den UI-Thread automatisch übermittelt. 
+
+Datenbindung ist also die Verknüpfung von Eigenschaften zweier Objekte. Eines der beiden Objekte ist immer ein von View abgeleitetes Element. Das andere Objekt ist
+
++ ein weiteres View-Derivat, meist auf der gleichen Seite
++ oder ein Objekt in einer Codedatei.
+
+```csharp
+public partial class BasicCodeBindingPage : ContentPage
+{
+    public BasicCodeBindingPage()
+    {
+        InitializeComponent();
+
+        label.BindingContext = slider;
+        label.SetBinding(Label.RotationProperty, "Value");
+    }
+}
+```
+
+Beispiel (https://learn.microsoft.com/de-de/dotnet/maui/fundamentals/data-binding/basic-bindings?view=net-maui-8.0): 
+
+```xml
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="DataBindingDemos.BasicXamlBindingPage"
+             Title="Basic XAML Binding">
+    <StackLayout Padding="10, 0">
+        <Label Text="TEXT"
+               FontSize="80"
+               HorizontalOptions="Center"
+               VerticalOptions="Center"
+               BindingContext="{x:Reference Name=slider}"
+               Rotation="{Binding Path=Value}" />
+
+        <Slider x:Name="slider"
+                Maximum="360"
+                VerticalOptions="Center" />
+    </StackLayout>
+</ContentPage>
+```
+
+In diesem Beispiel ist das Label das Bindungsziel, und der Slider ist die Bindungsquelle. Änderungen der Slider-Quelle wirken sich auf die Drehung des Label-Ziels aus. 
+
+oder 
+
+```csharp
+public partial class BasicCodeBindingPage : ContentPage
+{
+    public BasicCodeBindingPage()
+    {
+        InitializeComponent();
+
+        label.BindingContext = slider;
+        label.SetBinding(Label.RotationProperty, "Value");
+    }
+}
+```
+## Beispiel mit Eventhandling
+
+```xml MainPage
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="MitInteraktionen.MainPage">
+
+    <ScrollView>
+        <VerticalStackLayout
+            Padding="30,0"
+            Spacing="5">
+        <Button Text="Zu erledigen" Clicked="OnZuErledigenClicked" />
+        <Button Text="Notiz hinzufügen" Clicked="OnNotizHinzufuegenClicked" />
+        <Button Text="Termin eintragen" Clicked="OnTerminEintragenClicked" />
+        </VerticalStackLayout>
+    </ScrollView>
+</ContentPage>
+```
+
+```csharp MainPage
+public partial class MainPage : ContentPage
+{
+	public MainPage()
+	{
+		InitializeComponent();
+	}
+
+    private async void OnZuErledigenClicked(object sender, EventArgs e)
+    {
+        await Navigation.PushAsync(new ZuErledigenPage());
+    }
+
+    private async void OnNotizHinzufuegenClicked(object sender, EventArgs e)
+    {
+        await Navigation.PushAsync(new NotizHinzufuegenPage());
+    }
+
+    private async void OnTerminEintragenClicked(object sender, EventArgs e)
+    {
+        await Navigation.PushAsync(new TerminEintragenPage());
+    }
+}
+```
+
+```xml ZuErledigenPage
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="MitInteraktionen.ZuErledigenPage">
+
+    <StackLayout Padding="10">
+        <StackLayout Orientation="Horizontal">
+            <CheckBox IsChecked="False" VerticalOptions="Center" />
+            <Label Text="Zimmer aufräumen" VerticalOptions="Center" />
+        </StackLayout>
+        <StackLayout Orientation="Horizontal">
+            <CheckBox IsChecked="False" VerticalOptions="Center" />
+            <Label Text="Kuchen backen" VerticalOptions="Center" />
+        </StackLayout>
+    </StackLayout>
+</ContentPage>
+```
+
+```csharp ZuErledigenPage
+public partial class ZuErledigenPage : ContentPage
+{
+	public ZuErledigenPage()
+	{
+		InitializeComponent();
+	}
+}
+```
+
+```xml NotizHinzufuegenPage
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="MitInteraktionen.NotizHinzufuegenPage">
+
+    <StackLayout Padding="10">
+        <Editor x:Name="NotizEditor" Placeholder="Schreibe deine Notiz hier..." HeightRequest="200" />
+        <Button Text="Speichern" Clicked="OnSpeichernClicked" />
+    </StackLayout>
+</ContentPage>
+```
+
+```xml NotizHinzufuegenPage
+public partial class NotizHinzufuegenPage : ContentPage
+{
+    public NotizHinzufuegenPage()
+    {
+        InitializeComponent();
+    }
+
+    private async void OnSpeichernClicked(object sender, EventArgs e)
+    {
+        DateTime thisDay = DateTime.Today;
+        string not=thisDay.ToString() +"\n"+ NotizEditor.Text;
+        using (StreamWriter outputFile = new StreamWriter("Notizen.txt"))
+        {
+            await outputFile.WriteAsync(not);
+        }
+        await DisplayAlert("Gespeichert", "Deine Notiz wurde gespeichert.", "OK");
+    }
+}
+```
+
+```xml TerminEintragenPage
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="MitInteraktionen.TerminEintragenPage">
+
+    <StackLayout Padding="10">
+        <Label Text="Kalender" FontAttributes="Bold" FontSize="Large" />
+        <DatePicker x:Name="SelectDate" FontSize="Large"/>
+        <Button Text="Speichern" Clicked="OnSpeichernClicked" />
+    </StackLayout>
+</ContentPage>
+```
+
+```xml TerminEintragenPage
+public partial class TerminEintragenPage : ContentPage
+{
+    public TerminEintragenPage()
+    {
+        InitializeComponent();
+    }
+
+    private void OnSpeichernClicked(object sender, EventArgs e)
+    {
+        string dat=SelectDate.Date.ToString();
+        DisplayAlert("Gespeichert", $"Dein Termin {dat} wurde gespeichert.", "OK");
+    }
+}
+```
+
+
+## Plattformspezifische Verzeichnisse und Dateien
+
+### Android-Manifest
+
++ Platforms\Android\AndroidManifest.xml 
++ wird als Teil des .NET MAUI-Build-Prozesses auf Android generiert 
++ beinhaltet Eigenschaften der gesamten App, Berechtigungen, Komponenten (wie Activity)
+  
+```xml
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
+	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+	<uses-permission android:name="android.permission.INTERNET" />
+    <activity android:label="My Maui App"
+          android:name="crc64bdb9c38958c20c7c.MainActivity">
+        <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+</activity>
+</manifest>
+```
+
+### Plattformspezifische Einstellungen im  Quellcode
+
+```csharp
+#if WINDOWS
+using Microsoft.UI;
+using Microsoft.UI.Windowing;
+using Windows.Graphics;
+#endif
+public partial class App : Application
+{
+    const int WindowWidth = 600;
+    const int WindowHeight = 800;
+	public App()
+	{
+		InitializeComponent();
+        Microsoft.Maui.Handlers.WindowHandler.Mapper.AppendToMapping(nameof(IWindow), (handler, view) =>
+        {
+            #if WINDOWS
+            var mauiWindow = handler.VirtualView;
+            var nativeWindow = handler.PlatformView;
+            nativeWindow.Activate();
+            IntPtr windowHandle = WinRT.Interop.WindowNative.GetWindowHandle(nativeWindow);
+            WindowId windowId = Microsoft.UI.Win32Interop.GetWindowIdFromWindow(windowHandle);
+            AppWindow appWindow = Microsoft.UI.Windowing.AppWindow.GetFromWindowId(windowId);
+            appWindow.Resize(new SizeInt32(WindowWidth, WindowHeight));
+            #endif
+        });
+
+		MainPage = new AppShell();
+	}
+}
+//using Microsoft.Extensions.Logging;
+```
+
+# Praktische Hinweise
+
++ Installation: Maui-Paket, Extensions, Android
+
+https://learn.microsoft.com/de-de/dotnet/maui/get-started/installation?view=net-maui-8.0&tabs=visual-studio-code
+
++ Erstellen und Ausführen von Projekt
+
+https://learn.microsoft.com/de-de/dotnet/maui/get-started/first-app?pivots=devices-android&view=net-maui-8.0&tabs=visual-studio-code
+
+https://learn.microsoft.com/de-de/dotnet/maui/get-started/first-app?pivots=devices-windows&view=net-maui-8.0&tabs=visual-studio-code
\ No newline at end of file
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/App.xaml b/code/27_MAUI/MauiDemo/App.xaml
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/App.xaml
rename to code/27_MAUI/MauiDemo/App.xaml
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/App.xaml.cs b/code/27_MAUI/MauiDemo/App.xaml.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/App.xaml.cs
rename to code/27_MAUI/MauiDemo/App.xaml.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/AppShell.xaml b/code/27_MAUI/MauiDemo/AppShell.xaml
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/AppShell.xaml
rename to code/27_MAUI/MauiDemo/AppShell.xaml
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/AppShell.xaml.cs b/code/27_MAUI/MauiDemo/AppShell.xaml.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/AppShell.xaml.cs
rename to code/27_MAUI/MauiDemo/AppShell.xaml.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/MainPage.xaml b/code/27_MAUI/MauiDemo/MainPage.xaml
similarity index 54%
rename from code/27_MAUI/MauiDemo/MauiDemo/MainPage.xaml
rename to code/27_MAUI/MauiDemo/MainPage.xaml
index 73ff5f2..96d3896 100644
--- a/code/27_MAUI/MauiDemo/MauiDemo/MainPage.xaml
+++ b/code/27_MAUI/MauiDemo/MainPage.xaml
@@ -3,9 +3,9 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="MauiDemo.MainPage">
 
-    <ScrollView>
+   <ScrollView>
         <VerticalStackLayout
-            Padding="30,0"
+            Padding="20,0"
             Spacing="25">
             <Image
                 Source="dotnet_bot.png"
@@ -14,7 +14,7 @@
                 SemanticProperties.Description="dot net bot in a race car number eight" />
 
             <Label
-                Text="Hello, Freiberg!"
+                Text="Hello, World!"
                 Style="{StaticResource Headline}"
                 SemanticProperties.HeadingLevel="Level1" />
 
@@ -31,6 +31,31 @@
                 Clicked="OnCounterClicked"
                 HorizontalOptions="Fill" />
         </VerticalStackLayout>
-    </ScrollView>
+    </ScrollView> 
 
+ <!-- 
+    <AbsoluteLayout>
+        <Image
+            Source="dotnet_bot.png"
+            HeightRequest="185"
+            Aspect="AspectFit"
+            SemanticProperties.Description="dot net bot in a race car number eight"
+            AbsoluteLayout.LayoutBounds="0, 500, 200, 5"/>
+        <Label
+            Text="Hello, World!"
+            Style="{StaticResource Headline}"
+            SemanticProperties.HeadingLevel="Level1"/>
+
+        <Label
+            Text="Welcome to &#10;.NET Multi-platform App UI"
+            Style="{StaticResource SubHeadline}"
+            SemanticProperties.HeadingLevel="Level2"
+            SemanticProperties.Description="Welcome to dot net Multi platform App U I"/>
+
+        <Button
+            x:Name="CounterBtn"
+            Text="Click me"
+            SemanticProperties.Hint="Counts the number of times you click"
+            Clicked="OnCounterClicked"/>
+    </AbsoluteLayout>-->
 </ContentPage>
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/MainPage.xaml.cs b/code/27_MAUI/MauiDemo/MainPage.xaml.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/MainPage.xaml.cs
rename to code/27_MAUI/MauiDemo/MainPage.xaml.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/MauiDemo.csproj b/code/27_MAUI/MauiDemo/MauiDemo.csproj
similarity index 95%
rename from code/27_MAUI/MauiDemo/MauiDemo/MauiDemo.csproj
rename to code/27_MAUI/MauiDemo/MauiDemo.csproj
index 69958ae..35646e9 100644
--- a/code/27_MAUI/MauiDemo/MauiDemo/MauiDemo.csproj
+++ b/code/27_MAUI/MauiDemo/MauiDemo.csproj
@@ -2,7 +2,8 @@
 
 	<PropertyGroup>
 		<TargetFrameworks>net8.0-android</TargetFrameworks>
-		<TargetFrameworks Condition="!$([MSBuild]::IsOSPlatform('linux'))"> net8.0-android;net8.0-ios;net8.0-maccatalyst</TargetFrameworks><!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
+		<TargetFrameworks Condition="!$([MSBuild]::IsOSPlatform('linux'))"> net8.0-android;net8.0-ios;net8.0-maccatalyst</TargetFrameworks>
+		<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
 		<!-- <TargetFrameworks>$(TargetFrameworks);net8.0-tizen</TargetFrameworks> -->
 
 		<!-- Note for MacCatalyst:
diff --git a/code/27_MAUI/MauiDemo/MauiDemo.sln b/code/27_MAUI/MauiDemo/MauiDemo.sln
index 99ae038..3b8aa00 100644
--- a/code/27_MAUI/MauiDemo/MauiDemo.sln
+++ b/code/27_MAUI/MauiDemo/MauiDemo.sln
@@ -1,22 +1,25 @@
 
 Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
-VisualStudioVersion = 17.0.31903.59
+VisualStudioVersion = 17.5.002.0
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MauiDemo", "MauiDemo\MauiDemo.csproj", "{1C68EF73-F20C-4BD9-9245-D7E3B659B3BD}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "MauiDemo", "MauiDemo.csproj", "{B63CB28E-94D5-488C-8656-B716DB9D596E}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
 		Release|Any CPU = Release|Any CPU
 	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{B63CB28E-94D5-488C-8656-B716DB9D596E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{B63CB28E-94D5-488C-8656-B716DB9D596E}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{B63CB28E-94D5-488C-8656-B716DB9D596E}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{B63CB28E-94D5-488C-8656-B716DB9D596E}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
 	EndGlobalSection
-	GlobalSection(ProjectConfigurationPlatforms) = postSolution
-		{1C68EF73-F20C-4BD9-9245-D7E3B659B3BD}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{1C68EF73-F20C-4BD9-9245-D7E3B659B3BD}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{1C68EF73-F20C-4BD9-9245-D7E3B659B3BD}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{1C68EF73-F20C-4BD9-9245-D7E3B659B3BD}.Release|Any CPU.Build.0 = Release|Any CPU
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {7EC50CA1-9474-4960-8DCF-4E60D371DC87}
 	EndGlobalSection
 EndGlobal
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/MauiDemo.sln b/code/27_MAUI/MauiDemo/MauiDemo/MauiDemo.sln
deleted file mode 100644
index acfd527..0000000
--- a/code/27_MAUI/MauiDemo/MauiDemo/MauiDemo.sln
+++ /dev/null
@@ -1,25 +0,0 @@
-
-Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio Version 17
-VisualStudioVersion = 17.5.002.0
-MinimumVisualStudioVersion = 10.0.40219.1
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "MauiDemo", "MauiDemo.csproj", "{620D0F8A-B8BE-4A8D-A7F3-411EC8A579BA}"
-EndProject
-Global
-	GlobalSection(SolutionConfigurationPlatforms) = preSolution
-		Debug|Any CPU = Debug|Any CPU
-		Release|Any CPU = Release|Any CPU
-	EndGlobalSection
-	GlobalSection(ProjectConfigurationPlatforms) = postSolution
-		{620D0F8A-B8BE-4A8D-A7F3-411EC8A579BA}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{620D0F8A-B8BE-4A8D-A7F3-411EC8A579BA}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{620D0F8A-B8BE-4A8D-A7F3-411EC8A579BA}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{620D0F8A-B8BE-4A8D-A7F3-411EC8A579BA}.Release|Any CPU.Build.0 = Release|Any CPU
-	EndGlobalSection
-	GlobalSection(SolutionProperties) = preSolution
-		HideSolutionNode = FALSE
-	EndGlobalSection
-	GlobalSection(ExtensibilityGlobals) = postSolution
-		SolutionGuid = {AE46B3AE-466C-43E2-A330-531BFC0CAD16}
-	EndGlobalSection
-EndGlobal
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/MainActivity.cs b/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/MainActivity.cs
deleted file mode 100644
index 047e58d..0000000
--- a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/MainActivity.cs
+++ /dev/null
@@ -1,10 +0,0 @@
-using Android.App;
-using Android.Content.PM;
-using Android.OS;
-
-namespace MauiDemo;
-
-[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
-public class MainActivity : MauiAppCompatActivity
-{
-}
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/MauiProgram.cs b/code/27_MAUI/MauiDemo/MauiProgram.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/MauiProgram.cs
rename to code/27_MAUI/MauiDemo/MauiProgram.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/AndroidManifest.xml b/code/27_MAUI/MauiDemo/Platforms/Android/AndroidManifest.xml
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/AndroidManifest.xml
rename to code/27_MAUI/MauiDemo/Platforms/Android/AndroidManifest.xml
diff --git a/code/27_MAUI/MauiDemo/Platforms/Android/MainActivity.cs b/code/27_MAUI/MauiDemo/Platforms/Android/MainActivity.cs
new file mode 100644
index 0000000..acc63b0
--- /dev/null
+++ b/code/27_MAUI/MauiDemo/Platforms/Android/MainActivity.cs
@@ -0,0 +1,10 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace MauiDemo;
+
+[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, LaunchMode = LaunchMode.SingleTop, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
+public class MainActivity : MauiAppCompatActivity
+{
+}
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/MainApplication.cs b/code/27_MAUI/MauiDemo/Platforms/Android/MainApplication.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/MainApplication.cs
rename to code/27_MAUI/MauiDemo/Platforms/Android/MainApplication.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/Resources/values/colors.xml b/code/27_MAUI/MauiDemo/Platforms/Android/Resources/values/colors.xml
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/Android/Resources/values/colors.xml
rename to code/27_MAUI/MauiDemo/Platforms/Android/Resources/values/colors.xml
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/MacCatalyst/AppDelegate.cs b/code/27_MAUI/MauiDemo/Platforms/MacCatalyst/AppDelegate.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/MacCatalyst/AppDelegate.cs
rename to code/27_MAUI/MauiDemo/Platforms/MacCatalyst/AppDelegate.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/MacCatalyst/Entitlements.plist b/code/27_MAUI/MauiDemo/Platforms/MacCatalyst/Entitlements.plist
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/MacCatalyst/Entitlements.plist
rename to code/27_MAUI/MauiDemo/Platforms/MacCatalyst/Entitlements.plist
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/MacCatalyst/Info.plist b/code/27_MAUI/MauiDemo/Platforms/MacCatalyst/Info.plist
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/MacCatalyst/Info.plist
rename to code/27_MAUI/MauiDemo/Platforms/MacCatalyst/Info.plist
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/MacCatalyst/Program.cs b/code/27_MAUI/MauiDemo/Platforms/MacCatalyst/Program.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/MacCatalyst/Program.cs
rename to code/27_MAUI/MauiDemo/Platforms/MacCatalyst/Program.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Tizen/Main.cs b/code/27_MAUI/MauiDemo/Platforms/Tizen/Main.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/Tizen/Main.cs
rename to code/27_MAUI/MauiDemo/Platforms/Tizen/Main.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Tizen/tizen-manifest.xml b/code/27_MAUI/MauiDemo/Platforms/Tizen/tizen-manifest.xml
similarity index 92%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/Tizen/tizen-manifest.xml
rename to code/27_MAUI/MauiDemo/Platforms/Tizen/tizen-manifest.xml
index be7dcd9..4432f4f 100644
--- a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Tizen/tizen-manifest.xml
+++ b/code/27_MAUI/MauiDemo/Platforms/Tizen/tizen-manifest.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest package="maui-application-id-placeholder" version="0.0.0" api-version="7" xmlns="http://tizen.org/ns/packages">
+<manifest package="maui-application-id-placeholder" version="0.0.0" api-version="8" xmlns="http://tizen.org/ns/packages">
   <profile name="common" />
   <ui-application appid="maui-application-id-placeholder" exec="MauiDemo.dll" multiple="false" nodisplay="false" taskmanage="true" type="dotnet" launch_mode="single">
     <label>maui-application-title-placeholder</label>
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Windows/App.xaml b/code/27_MAUI/MauiDemo/Platforms/Windows/App.xaml
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/Windows/App.xaml
rename to code/27_MAUI/MauiDemo/Platforms/Windows/App.xaml
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Windows/App.xaml.cs b/code/27_MAUI/MauiDemo/Platforms/Windows/App.xaml.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/Windows/App.xaml.cs
rename to code/27_MAUI/MauiDemo/Platforms/Windows/App.xaml.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Windows/Package.appxmanifest b/code/27_MAUI/MauiDemo/Platforms/Windows/Package.appxmanifest
similarity index 92%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/Windows/Package.appxmanifest
rename to code/27_MAUI/MauiDemo/Platforms/Windows/Package.appxmanifest
index 305efbb..c1ee525 100644
--- a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Windows/Package.appxmanifest
+++ b/code/27_MAUI/MauiDemo/Platforms/Windows/Package.appxmanifest
@@ -8,7 +8,7 @@
 
   <Identity Name="maui-package-name-placeholder" Publisher="CN=User Name" Version="0.0.0.0" />
 
-  <mp:PhoneIdentity PhoneProductId="9C25F868-6FC7-498D-B099-6A2E37AC1092" PhonePublisherId="00000000-0000-0000-0000-000000000000"/>
+  <mp:PhoneIdentity PhoneProductId="475155F9-7618-4E40-9908-1DF68C1D2F05" PhonePublisherId="00000000-0000-0000-0000-000000000000"/>
 
   <Properties>
     <DisplayName>$placeholder$</DisplayName>
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/Windows/app.manifest b/code/27_MAUI/MauiDemo/Platforms/Windows/app.manifest
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/Windows/app.manifest
rename to code/27_MAUI/MauiDemo/Platforms/Windows/app.manifest
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/iOS/AppDelegate.cs b/code/27_MAUI/MauiDemo/Platforms/iOS/AppDelegate.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/iOS/AppDelegate.cs
rename to code/27_MAUI/MauiDemo/Platforms/iOS/AppDelegate.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/iOS/Info.plist b/code/27_MAUI/MauiDemo/Platforms/iOS/Info.plist
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/iOS/Info.plist
rename to code/27_MAUI/MauiDemo/Platforms/iOS/Info.plist
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Platforms/iOS/Program.cs b/code/27_MAUI/MauiDemo/Platforms/iOS/Program.cs
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Platforms/iOS/Program.cs
rename to code/27_MAUI/MauiDemo/Platforms/iOS/Program.cs
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Properties/launchSettings.json b/code/27_MAUI/MauiDemo/Properties/launchSettings.json
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Properties/launchSettings.json
rename to code/27_MAUI/MauiDemo/Properties/launchSettings.json
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Resources/AppIcon/appicon.svg b/code/27_MAUI/MauiDemo/Resources/AppIcon/appicon.svg
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Resources/AppIcon/appicon.svg
rename to code/27_MAUI/MauiDemo/Resources/AppIcon/appicon.svg
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Resources/AppIcon/appiconfg.svg b/code/27_MAUI/MauiDemo/Resources/AppIcon/appiconfg.svg
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Resources/AppIcon/appiconfg.svg
rename to code/27_MAUI/MauiDemo/Resources/AppIcon/appiconfg.svg
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Resources/Fonts/OpenSans-Regular.ttf b/code/27_MAUI/MauiDemo/Resources/Fonts/OpenSans-Regular.ttf
similarity index 96%
rename from code/27_MAUI/MauiDemo/MauiDemo/Resources/Fonts/OpenSans-Regular.ttf
rename to code/27_MAUI/MauiDemo/Resources/Fonts/OpenSans-Regular.ttf
index 9ab655d2b28b5fa796a6124a4ee59826501fc4f2..4e5fbdba4fd1a57888454f17f6ae0d479813a8a8 100644
GIT binary patch
delta 2810
zcmcImc{J4P8=vnOW8as-otcIqll9BkDMMo{kr=Y&QW!f~lAmN4duA*(jD3`)aE&Zw
zDMV@GT2iSSWsf8(*OJQ5{nfeW{O<qvJ?DMS`+nZ%JfG*h%kz1!_rpu?!;ugG0)dF{
z85jgZBwJgCG#|bV0peOA5L`eK@&*zh8o+>L0<F#00Ql8h3Fo-yF1gqD8qNl!;Ye^k
zl{BlgO(B2>T0z6<??L#sw{d{7u%H}2NRxv@0RT+OXPu-0iEYK1z%ro51Zjv|IKL_!
zfB`gpE-pZehDhAQ;{PucB6JT5WHn_02suZ%z)uoBQ2<s!1I%DF;2=l?3|TW-08xd4
zzl45mAtRv;YU_ZyT6ir3Z9{Dx4SfSWcMz5c1=cH)MyryBz@!1zF*@LEuLNS@T+T27
z38Y=1Ph@yhI3*fm7U~xn=yMWdf7&ndWOQJ7Sd^ABsPw}P9Yzia^b7IDIFZR13-VDT
zeG&+&gSr-=I?+%^pS42=RIu+r8V?4far0JiK>;XK0uO-zYbx<5H{*qU4S#Jju*R}t
z08FGdsHbJ1qpPdsju6t;1@U_s|Cs)p`6;s=X9M!o8)$WMrNLQaOT5IO7b)&jv7;T|
z<$^1LIRlm%y1VV7#XAkV>PHN{CHj=63%5QV^0LDxrq@2SLu@cP-#b~#{$IUEpx1;h
zm=WgdHOES%aFNWUH;ro}Q#)c_y?L#fANJo>?8O;Pw)IX6F)tj3nXWbX#@_A^b7_Uv
zZnD&<uY;fR4m^a2=<n}&`Vex5H~$$qv-p%M@^{-EWzRFQ2W@@}ryQP<phY`;JKtoB
zhYl}Z`&eLs41rNZN?&j1Tpe1NdY645<Z@)CWap*T*wrb5rbAB_UTrivC_N{ZlR-8Q
zIvp@xFFhfi($nH<p166Aj4pJWuXl)P3hl|fLVYM4tcy7otQ%D4uVJ$8ef4P_RbgIl
z!O|s2+$okIlI^#dpT=A)Z!x%TKgcYz)?mgUAiO9`dP0_qE^qUV^il4^nMjvRZ_9ZK
zx9?~?b%tbi)_|Mvx!}A@j2?ZQsa{?c?8K-I;|fwUTIccC%C4wdbvr!1Ii_~qr^MKn
zYK@xYdd#(}$Q`)dO4?s@^VW40jnM8^*v7JgVb@!vu#a1_(5f)XGBP(a_~`+Q@IjH7
zZir`dl4l4hBHzKG&1q_ULWX32Z;<@)3R!*n{Q(za*`ggDT6=N}Kk;q|=O`0)yB51d
zW3%MQS)v>CH)IU8MxrKHF7_L)26+~oEtYSCasd#ak_K4sJs=AZwRgo)!Z2x=<Or?#
zs*9!OV6h&_8Pt4mliR&SsSS|_7y(oRh4qs1Zmj4QZaz#ahx&bVB&~1o>vA;QKQQUf
za`C>=G_`@XgnLdcQC7^gU5)<4{%5XeYr-&etXJ4}Yu$5TGFf&fQgoV*+G%(nbXzmp
zDe}u|BSGNnSZKVB2gDkRFh-yI#dYEL>7j$mULl$l(v(-KCwu!|Q+zNeNDY-yOnqhf
zz_n17zJYD}kSAE;bkyT%v(fj@J*I8T%LH?k0{;@eX@zYkss5ogg!u<86VpVcvdGJe
z*Scf&XGN&$nJ}2SD-VRwqV2H}sicAnaf-Pkek=J+86n>lJ;-g!hBl0^@MRx!o6QBh
zYmUey;*>mPb$5RfDh?V{9#1viM;9&V{q`<(Mlb;$<$g6~_>sG`kBQJrMD{F=V85YB
z{Fv7M^v0MXpg(@5@CC^O2{WnxtVJ&<?iXmDxL?64K%TrYNy9JIM(CRmQOOfFs-u<x
zrU|(l-3V7D=iO6RN4QtILc-<0W=n^;Yj~n14CNDc$BV4ZVy9B_HK?;^#*bIY9;26}
zqs(Rv9asg;<dp>Z%-%DVp&#e%D?d~|=6+EB@LSJwx>w;@qjstJ6XKjauMxgnXDG(j
zyU_pQ^D5W4fQ=cnO^n2n;JMy!c|i+27-GCtD<zDKH(5TU7>(y_o$FVPc;hKx#BLR;
zWVH<XP__cu^Bf9p8%Cm>qPICPfwMePTy`K0s{6mHzJ2*$FRRL|>!pAgq7MhRQTguI
zG;;HCGW<YB?m$oAZbecuYl;mdvpmWG!2khn2$UPL^gfRSD#(cZEd+QiJzX95zX6>+
zZTJfSqd}ve3Y6l;4+FH+KoyYxX8<Sw0eSWe6becDIgsG}vAQzD8ZHB@sC#T&Gys4o
z5=CR07*F8AK#FWi)-&OVk%DW(>HKx)hSA7Wv>k)^Q18i`%y8Nj*qt|48(=8oz1wKl
ztw&Sz)SXZx=FOZ@mB!!s>zs{$sqPZc`{?Ukf9YM(&Edg1k)GSi&wWlE>&n?E>phg`
zi<Ih!4Z(JOO3!E7yyU>CUe&8l)&Gp`%sw((+n05>GOaoxz_d)}-knQr!Ba&F@4*O!
z_0aQFeqJ#b&~6Z2-U^u;d%rG2+?Y5gc9ys4(X;+at1`7npTc%QUdJoh9l>l|Bgfq=
z8k<sj-^e+msG&<;f%A~zPsi|4TsMkT8(MbrdH-}i{Y{fJns4mI-*GIVs$LZ{-J{7W
zF9$A){8Q&l*#H5<cun<|aD7)M!&9;){D*;qLsSHM?!=5+`jb26q_h=X7Ml&AF(-iH
z%Ie5(bL5Uho)T%xZc$0zi|;7kd54OdBM5#+vRIRBfKL4f0jL1Oh`@G?sGHoO6YQ>x
zuu*X3NGbk!QA$lu^dE)Xw=VF$0)_tmPXK%81*1VBZZXr@Qiip%2wUxf8mSMJp`SYm
zlsK4^UHIbB^n-jy$CCGnHLg{Z_oc_1V_`yH*1K7+7BkMvFsL6?%tV$r(w|tJ1m~ss
zQjNi0ztOPhh+TGw>5E5n?B@0zPW9Q)LYD0DE%o8uBTNodW}$Ajr7!N(tB9>%U%>9_
z2#&A#cq_vO{$pmpZK*8A3D4E5#!8~@y`YN+&dwg>F~culZT^V#{p8wf#HgGjq_@N$
zy$G1$Jr22Hd#Q4PFC-=#Zw>#(WhOOugs|K=$8NQtTJwpmiY0NG%b7g*#CW`(+`f|1
z;BugYcH$CIufEKAj$_yKvLs1nADdzFoN_1;6X{z%HT$Jt-yDu0*YRi(d+!4YZG8E2
zV*S(t0cQ8!l&0u(y<C!y`1oG%*u7rjT47u2gom`}!~oS%4z-*1HV$)nRR9$=bTSeW
z;MzC;d8)G|;Tm?Sqa@#nv1qSx@$KWpK<(3o%ksbGRn&F8Og%3WB$(lvIm%4!Bo3HX
z+0Qi3T!nuwJup9&)~7`<wVHM3sBl$N-0H-Oj*Fp%lS>5@*oywYJ-gG^<XOG_$#)7l
zv|@1SgwGROg~f&?0eR7KoZc`!Tz?dL?hE$2+%@>JxsKv?<;mAAnNH19rd|@}@_ZHY
kMzW5wQ4h+b**4>D)Azwr)+tA${_c6nuJ|~Vk}3r9U-MI?`~Uy|

delta 2572
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
MbS7~TO0S3g4KG77=>Px#

diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Resources/Fonts/OpenSans-Semibold.ttf b/code/27_MAUI/MauiDemo/Resources/Fonts/OpenSans-Semibold.ttf
similarity index 96%
rename from code/27_MAUI/MauiDemo/MauiDemo/Resources/Fonts/OpenSans-Semibold.ttf
rename to code/27_MAUI/MauiDemo/Resources/Fonts/OpenSans-Semibold.ttf
index 2b7468e997d8b98863ea6820d8a8cc4c8e9f99ad..cfcc6c45c3eb95adef5a2945f92c675a84e3c9c4 100644
GIT binary patch
delta 2828
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

delta 2677
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
F`ZrOHd*uKC

diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Resources/Images/dotnet_bot.png b/code/27_MAUI/MauiDemo/Resources/Images/dotnet_bot.png
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Resources/Images/dotnet_bot.png
rename to code/27_MAUI/MauiDemo/Resources/Images/dotnet_bot.png
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Resources/Raw/AboutAssets.txt b/code/27_MAUI/MauiDemo/Resources/Raw/AboutAssets.txt
similarity index 86%
rename from code/27_MAUI/MauiDemo/MauiDemo/Resources/Raw/AboutAssets.txt
rename to code/27_MAUI/MauiDemo/Resources/Raw/AboutAssets.txt
index 15d6244..89dc758 100644
--- a/code/27_MAUI/MauiDemo/MauiDemo/Resources/Raw/AboutAssets.txt
+++ b/code/27_MAUI/MauiDemo/Resources/Raw/AboutAssets.txt
@@ -4,7 +4,7 @@ is automatically handled by the following `MauiAsset` Build Action within your `
 
 	<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
 
-These files will be deployed with you package and will be accessible using Essentials:
+These files will be deployed with your package and will be accessible using Essentials:
 
 	async Task LoadMauiAsset()
 	{
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Resources/Splash/splash.svg b/code/27_MAUI/MauiDemo/Resources/Splash/splash.svg
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Resources/Splash/splash.svg
rename to code/27_MAUI/MauiDemo/Resources/Splash/splash.svg
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Resources/Styles/Colors.xaml b/code/27_MAUI/MauiDemo/Resources/Styles/Colors.xaml
similarity index 100%
rename from code/27_MAUI/MauiDemo/MauiDemo/Resources/Styles/Colors.xaml
rename to code/27_MAUI/MauiDemo/Resources/Styles/Colors.xaml
diff --git a/code/27_MAUI/MauiDemo/MauiDemo/Resources/Styles/Styles.xaml b/code/27_MAUI/MauiDemo/Resources/Styles/Styles.xaml
similarity index 99%
rename from code/27_MAUI/MauiDemo/MauiDemo/Resources/Styles/Styles.xaml
rename to code/27_MAUI/MauiDemo/Resources/Styles/Styles.xaml
index 40b0940..19ceac5 100644
--- a/code/27_MAUI/MauiDemo/MauiDemo/Resources/Styles/Styles.xaml
+++ b/code/27_MAUI/MauiDemo/Resources/Styles/Styles.xaml
@@ -185,7 +185,7 @@
 
     <Style TargetType="Label" x:Key="Headline">
         <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}" />
-        <Setter Property="FontSize" Value="42" />
+        <Setter Property="FontSize" Value="32" />
         <Setter Property="HorizontalOptions" Value="Center" />
         <Setter Property="HorizontalTextAlignment" Value="Center" />
     </Style>
@@ -399,7 +399,7 @@
 
     <Style TargetType="Shell" ApplyToDerivedTypes="True">
         <Setter Property="Shell.BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource OffBlack}}" />
-        <Setter Property="Shell.ForegroundColor" Value="{OnPlatform WinUI={StaticResource Primary}, Default={StaticResource White}}" />
+        <Setter Property="Shell.ForegroundColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource SecondaryDarkText}}" />
         <Setter Property="Shell.TitleColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource SecondaryDarkText}}" />
         <Setter Property="Shell.DisabledColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray950}}" />
         <Setter Property="Shell.UnselectedColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray200}}" />
diff --git a/code/27_MAUI/MauiMinimal/MauiProgram.cs b/code/27_MAUI/MauiMinimal/MauiProgram.cs
index 9c84212..f173512 100644
--- a/code/27_MAUI/MauiMinimal/MauiProgram.cs
+++ b/code/27_MAUI/MauiMinimal/MauiProgram.cs
@@ -20,6 +20,13 @@ public App()
                     {
                         HorizontalTextAlignment = TextAlignment.Center,
                         Text = "Welcome to our new lecture on .NET MAUI!"
+                    },
+                    new Button
+                    {
+                        Text = "Click me!",
+                        Command = new Command(() => { 
+                            MainPage.DisplayAlert("Alert", "You clicked the button!", "OK");
+                        })
                     }
                 }
             }