You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+13-4Lines changed: 13 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -83,15 +83,24 @@ A complete tutorial application demonstrating navigation patterns with MVUX and
83
83
84
84
#### Tutorial Content
85
85
86
+
-**[Tutorial Serie Uno.Extensions Navigation via Xaml](https://devtkss.github.io/DevTKSS.Uno.SampleApps/articles/en/Navigation/Extensions-Navigation-en.html)** - Step-by-step guide (🇩🇪 German | 🇬🇧 English) - or [watch the Video Guide 🇩🇪](https://youtu.be/knt2oOjHH30)!
87
+
-**[Listen to Route Changes with IRouteNotifier](https://devtkss.github.io/DevTKSS.Uno.SampleApps/articles/en/Navigation/HowTo-ChangeRoutes-en.html)** - Advanced navigation handling - or [🇩🇪 German Version](https://devtkss.github.io/DevTKSS.Uno.SampleApps/articles/de/Navigation/HowTo-ChangeRoutes-de.html)
88
+
-**[Video Tutorial Series](https://youtube.com/playlist?list=PLEL6kb4Bivm_g81iKBl-f0eYPNr5h2dFX)** - Complete walkthrough (🇩🇪 German with English subtitles)
89
+
-**[Source Code](https://github.com/DevTKSS/DevTKSS.Uno.SampleApps/tree/master/src/DevTKSS.Uno.XamlNavigationApp/)** - Browse the implementation
-**[Tutorial Documentation](https://devtkss.github.io/DevTKSS.Uno.SampleApps/articles/en/Navigation/Extensions-Navigation-en.html)** - Step-by-step guide (🇩🇪 German | 🇬🇧 English)
93
-
-**[Video Tutorial Series](https://youtube.com/playlist?list=PLEL6kb4Bivm_g81iKBl-f0eYPNr5h2dFX)** - Complete walkthrough (🇩🇪 German with English subtitles)
94
-
-**[Source Code](https://github.com/DevTKSS/DevTKSS.Uno.SampleApps/tree/master/src/DevTKSS.Uno.XamlNavigationApp-1/)** - Browse the implementation
100
+
A basic application demonstrating selection and display of member names in a `ListView` bound to a `ListState<string>` in the Model using MVUX.
101
+
102
+
-**[Video Tutorial - How To: Binden von ListState und ImmutableList zu FeedView & ListView im UI | Uno Community Tutorial](https://youtu.be/wOsSlv1YFic)** - Step-by-step guide (🇩🇪 German)
Copy file name to clipboardExpand all lines: docs/articles/de/Navigation/Extensions-Navigation-de.md
+8-2Lines changed: 8 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -28,7 +28,13 @@ Lass uns zuerst einmal schauen, was man beispielsweise in einer Xaml-basierten U
28
28
29
29
## Voraussetzungen
30
30
31
-
Diese Tutorial Reihe baut darauf auf, dass deine Entwicklungsumgebung bereits vollständig eingerichtet ist und der Befehl `uno-check --tfm net9.0-desktop` ausgeführt in deinem Terminal grünes Licht gibt. Hier kannst du diese auch noch einmal nachschauen:
31
+
Diese Tutorial Reihe baut darauf auf, dass deine Entwicklungsumgebung bereits vollständig eingerichtet ist und der nachfolgende Befehl dir in deinem Terminal ausgeführt grünes Licht gibt:
32
+
33
+
```bash
34
+
uno-check --tfm net9.0-desktop`
35
+
```
36
+
37
+
Hier kannst du bei Bedarf auch noch einmal nachschauen:
32
38
33
39
- [Tutorial: Einrichten der Entwicklungsumgebung](xref:DevTKSS.Uno.Setup.DevelopmentEnvironment.de)
34
40
@@ -46,7 +52,7 @@ Wenn du diesen Schritt abgeschlossen hast, fahren wir mit der Implementierung de
46
52
47
53
---
48
54
49
-
-[Hier geht's zum Source Code der verwendeten Beispiel Anwendung XamlNavigationApp](https://github.com/DevTKSS/DevTKSS.Uno.SampleApps/blob/master/src/DevTKSS.Uno.XamlNavigationApp-1)
55
+
- [Hier geht's zum Source Code der verwendeten Beispiel Anwendung XamlNavigationApp](https://github.com/DevTKSS/DevTKSS.Uno.SampleApps/blob/master/src/DevTKSS.Uno.XamlNavigationApp)
Copy file name to clipboardExpand all lines: docs/articles/de/Navigation/HowTo-ChangeRoutes-de.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -117,7 +117,7 @@ Solltest du das noch nicht gemacht haben, dann geht das jetzt ganz einfach auch
117
117
118
118
Nun fehlt nur noch die eigentliche Reaktion auf die Routen Änderung. Das machen wir in der Methode `OnRouteChanged`, die wir zuvor im Konstruktor registriert haben. Hier ist ein Beispiel, wie du dies implementieren kannst:
In diesem Teil des Tutorials, wollen wir uns anschauen, wie man eine einfache Seitennavigation mittels einer `NavigationView` erstellen kann.
8
8
9
-
**Was zuvor geschah...**
9
+
**Was wir zuvor gemacht haben**
10
10
11
11
Wir haben uns nun zuvor im Intro angeschaut, was wir mit der `Uno.Extensions.Navigation` und der `NavigationView` alles machen können und im anschluss das Setup der Anwendung angepasst oder diese erstellt. Nun wollen wir uns anschauen wie man dann dann auch umsetzen kann!
12
12
13
13
## Tutorial Video: Navigation mit `NavigationView` in MVUX und XAML
14
14
15
15
In diesem Video werden wir uns zusammen anschauen, wie du ein `NavigationView`-Steuerelement in einer XAML-Markup-App einrichtest und verwendest. Wir werden die Navigation zwischen verschiedenen Seiten implementieren und dabei die MVUX-Prinzipien anwenden. Den Code kannst du dabei direkt aus dem Code hierunter kopieren und in deine Anwendung einfügen, wenn du möchtest, aber aus eigener Erfahrung heraus hilft es dir mehr, den Code selber zu schreiben und dabei zuzuschauen, wie es funktioniert. So kannst du auch besser verstehen, was du tust und warum.
@@ -84,27 +84,33 @@ Nun wollen wir die von der Extension ermöglichten Eigenschaften, sogenannte `At
84
84
85
85
```diff
86
86
<Grid uen:Region.Attached="True"
87
-
utu:SafeArea.Insets="VisibleBounds">
88
-
<Grid.RowDefinitions>
87
+
utu:SafeArea.Insets="VisibleBounds">
88
+
<Grid.RowDefinitions>
89
89
<RowDefinition Height="*" />
90
90
<RowDefinition Height="Auto"/>
91
-
</Grid.RowDefinitions>
92
-
<NavigationView uen:Region.Attached="True"
93
-
Header="{Binding Title}"
94
-
IsPaneToggleButtonVisible="True"
95
-
PaneDisplayMode="Auto">
96
-
<NavigationView.MenuItems>
91
+
</Grid.RowDefinitions>
92
+
93
+
<NavigationView uen:Region.Attached="True"
94
+
Header="{Binding Title}"
95
+
IsPaneToggleButtonVisible="True"
96
+
PaneDisplayMode="Auto">
97
+
98
+
<NavigationView.MenuItems>
97
99
<NavigationViewItem Content="Home"
98
100
+ uen:Region.Name="Dashboard"
99
101
Icon="Home" />
100
102
<NavigationViewItem Content="Some View"
101
103
+ uen:Region.Name="Second"
102
104
Icon="AddFriend" />
103
-
</NavigationView.MenuItems>
104
-
<NavigationView.Content>
105
-
<Grid uen:Region.Attached="True" />
106
-
</NavigationView.Content>
107
-
</NavigationView>
105
+
</NavigationView.MenuItems>
106
+
107
+
<NavigationView.Content>
108
+
<Grid uen:Region.Attached="True" />
109
+
</NavigationView.Content>
110
+
111
+
</NavigationView>
112
+
113
+
</Grid>
108
114
```
109
115
110
116
1. Zu guter Letzt benötigt das `Grid`, welches wir für die Navigation des Content der `NavigationView` verwenden wollen nun noch zwei letzte weitere und sehr wichtige Eigenschaften setzen, ohne welche es gut möglich ist, dass unser Vorhaben misslingt.
@@ -118,8 +124,8 @@ Nun wollen wir die von der Extension ermöglichten Eigenschaften, sogenannte `At
118
124
119
125
```diff
120
126
<NavigationView.Content>
121
-
<Grid uen:Region.Attached="True"
122
-
+ uen:Region.Navigator="Visibility"
127
+
<Grid uen:Region.Attached="True"
128
+
+ uen:Region.Navigator="Visibility"
123
129
Visibility="Visible" />
124
130
</NavigationView.Content>
125
131
```
@@ -137,7 +143,7 @@ Nun wollen wir die von der Extension ermöglichten Eigenschaften, sogenannte `At
137
143
*Die Namensgebung ist also keineswegs Zufall!*
138
144
139
145
>[!NOTE]
140
-
> Der "Visibility"-Navigator ist gemäß der Dokumentation verfügbare Bezeichner für diese Eigenschaft.
146
+
> Der "Visibility"-Navigator ist gemäß der [Uno Dokumentation der einzige verfügbare Bezeichner für diese Eigenschaft](https://platform.uno/docs/articles/external/uno.extensions/doc/Learn/Navigation/HowTo-Regions.html#properties-in-the-region-class).
0 commit comments