Skip to content

Commit 3d7df7b

Browse files
authored
Docs(XamlNavigation): Update XamlNavigation guide links
2 parents 672b81c + 7c3e1b5 commit 3d7df7b

File tree

110 files changed

+1955
-224
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

110 files changed

+1955
-224
lines changed

.github/workflows/build-deploy-docs.yml

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,6 @@ on:
88
- 'src/**'
99
- 'README.md'
1010
- '.github/workflows/build-deploy-docs.yml'
11-
pull_request:
12-
branches: [ master ]
13-
paths:
14-
- 'docs/**'
15-
- 'src/**'
16-
- 'README.md'
1711
workflow_dispatch:
1812

1913
permissions:
Lines changed: 22 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@
1111
"name": "Uno Platform Desktop Debug (MvuxGallery)",
1212
"type": "coreclr",
1313
"request": "launch",
14-
"preLaunchTask": "build-desktop",
14+
"preLaunchTask": "build-desktop-MvuxGallery",
1515
// If you have changed target frameworks, make sure to update the program path.
1616
"program": "${workspaceFolder}/DevTKSS.Uno.SampleApps.MvuxGallery/bin/Debug/net9.0-desktop/DevTKSS.Uno.SampleApps.MvuxGallery.dll",
1717
"args": [],
18-
"launchSettingsProfile": "DevTKSS.Uno.SampleApps.MvuxGallery (Desktop)",
18+
"launchSettingsProfile": "DevTKSS MvuxGallery (Desktop)",
1919
"env": {
2020
"DOTNET_MODIFIABLE_ASSEMBLIES": "debug"
2121
},
@@ -25,24 +25,38 @@
2525
"stopAtEntry": false
2626
},
2727
{
28-
// Use IntelliSense to find out which attributes exist for C# debugging
29-
// Use hover for the description of the existing attributes
30-
// For further information visit https://github.com/OmniSharp/omnisharp-vscode/blob/main/debugger-launchjson.md
3128
"name": "Uno Platform Desktop Debug (XamlNavigationApp)",
3229
"type": "coreclr",
3330
"request": "launch",
34-
"preLaunchTask": "build-desktop",
31+
"preLaunchTask": "build-desktop-XamlNavigationApp",
3532
// If you have changed target frameworks, make sure to update the program path.
36-
"program": "${workspaceFolder}/DevTKSS.Uno.XamlNavigationApp-1/bin/Debug/net9.0-desktop/DevTKSS.Uno.XamlNavigationApp.dll",
33+
"program": "${workspaceFolder}/DevTKSS.Uno.XamlNavigationApp/bin/Debug/net9.0-desktop/DevTKSS.Uno.XamlNavigationApp.dll",
3734
"args": [],
3835
"launchSettingsProfile": "DevTKSS.Uno.XamlNavigationApp (Desktop)",
3936
"env": {
4037
"DOTNET_MODIFIABLE_ASSEMBLIES": "debug"
4138
},
42-
"cwd": "${workspaceFolder}/DevTKSS.Uno.XamlNavigationApp-1",
39+
"cwd": "${workspaceFolder}/DevTKSS.Uno.XamlNavigationApp",
4340
// For more information about the 'console' field, see https://aka.ms/VSCode-CS-LaunchJson-Console
4441
"console": "internalConsole",
4542
"stopAtEntry": false
4643
},
44+
{
45+
"name": "Uno Platform Desktop Debug (SimpleMemberSelectionApp)",
46+
"type": "coreclr",
47+
"request": "launch",
48+
"preLaunchTask": "build-desktop-SimpleMemberSelectionApp",
49+
// If you have changed target frameworks, make sure to update the program path.
50+
"program": "${workspaceFolder}/DevTKSS.Uno.SimpleMemberSelectionApp-1/bin/Debug/net9.0-desktop/DevTKSS.Uno.SimpleMemberSelectionApp.dll",
51+
"args": [],
52+
"launchSettingsProfile": "DevTKSS.Uno.SimpleMemberSelectionApp (Desktop)",
53+
"env": {
54+
"DOTNET_MODIFIABLE_ASSEMBLIES": "debug"
55+
},
56+
"cwd": "${workspaceFolder}/DevTKSS.Uno.SimpleMemberSelectionApp",
57+
// For more information about the 'console' field, see https://aka.ms/VSCode-CS-LaunchJson-Console
58+
"console": "internalConsole",
59+
"stopAtEntry": false
60+
}
4761
]
4862
}

.vscode/settings.json

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,21 @@
11
{
22
"files.associations": {
3-
"*.tmpl*": "mustache"
3+
"*.tmpl*": "mustache",
4+
"global.json": "jsonc"
45
},
6+
"markdownlint.lintWorkspaceGlobs": [
7+
"**/*.{md,mkd,mdwn,mdown,markdown,markdn,mdtxt,mdtext,workbook}",
8+
"!**/*.code-search",
9+
"!**/bower_components",
10+
"!**/node_modules",
11+
"!**/.git",
12+
"!**/vendor",
13+
"!**/copilot-instructions.md"
14+
],
15+
"explorer.fileNesting.enabled": true,
16+
"explorer.fileNesting.expand": false,
17+
"explorer.fileNesting.patterns": {
18+
"*.xaml": "$(capture).xaml.cs"
19+
},
20+
"dotnet.defaultSolution": "DevTKSS.Uno.SampleApps.slnx"
521
}
Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"version": "2.0.0",
33
"tasks": [
44
{
5-
"label": "build-desktop MvuxGallery",
5+
"label": "build-desktop-MvuxGallery",
66
"command": "dotnet",
77
"type": "process",
88
"args": [
@@ -15,7 +15,7 @@
1515
"problemMatcher": "$msCompile"
1616
},
1717
{
18-
"label": "publish-desktop MvuxGallery",
18+
"label": "publish-desktop-MvuxGallery",
1919
"command": "dotnet",
2020
"type": "process",
2121
"args": [
@@ -28,25 +28,51 @@
2828
"problemMatcher": "$msCompile"
2929
},
3030
{
31-
"label": "build-desktop XamlNavigationApp",
31+
"label": "build-desktop-XamlNavigationApp",
3232
"command": "dotnet",
3333
"type": "process",
3434
"args": [
3535
"build",
36-
"${workspaceFolder}/DevTKSS.Uno.XamlNavigationApp-1/DevTKSS.Uno.XamlNavigationApp.csproj",
36+
"${workspaceFolder}/DevTKSS.Uno.XamlNavigationApp/DevTKSS.Uno.XamlNavigationApp.csproj",
3737
"/property:GenerateFullPaths=true",
3838
"/property:TargetFramework=net9.0-desktop",
3939
"/consoleloggerparameters:NoSummary"
4040
],
4141
"problemMatcher": "$msCompile"
4242
},
4343
{
44-
"label": "publish-desktop XamlNavigationApp",
44+
"label": "publish-desktop-XamlNavigationApp",
4545
"command": "dotnet",
4646
"type": "process",
4747
"args": [
4848
"publish",
49-
"${workspaceFolder}/DevTKSS.Uno.XamlNavigationApp-1/DevTKSS.Uno.XamlNavigationApp.csproj",
49+
"${workspaceFolder}/DevTKSS.Uno.XamlNavigationApp/DevTKSS.Uno.XamlNavigationApp.csproj",
50+
"/property:GenerateFullPaths=true",
51+
"/property:TargetFramework=net9.0-desktop",
52+
"/consoleloggerparameters:NoSummary"
53+
],
54+
"problemMatcher": "$msCompile"
55+
},
56+
{
57+
"label": "build-desktop-SimpleMemberSelectionApp",
58+
"command": "dotnet",
59+
"type": "process",
60+
"args": [
61+
"build",
62+
"${workspaceFolder}/DevTKSS.Uno.SimpleMemberSelectionApp/DevTKSS.Uno.SimpleMemberSelectionApp.csproj",
63+
"/property:GenerateFullPaths=true",
64+
"/property:TargetFramework=net9.0-desktop",
65+
"/consoleloggerparameters:NoSummary"
66+
],
67+
"problemMatcher": "$msCompile"
68+
},
69+
{
70+
"label": "publish-desktop-SimpleMemberSelectionApp",
71+
"command": "dotnet",
72+
"type": "process",
73+
"args": [
74+
"publish",
75+
"${workspaceFolder}/DevTKSS.Uno.SimpleMemberSelectionApp/DevTKSS.Uno.SimpleMemberSelectionApp.csproj",
5076
"/property:GenerateFullPaths=true",
5177
"/property:TargetFramework=net9.0-desktop",
5278
"/consoleloggerparameters:NoSummary"

DevTKSS.Uno.SampleApps.slnx

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<Solution>
2+
<Configurations>
3+
<Platform Name="Any CPU" />
4+
</Configurations>
5+
<Folder Name="/.github/">
6+
<File Path=".github/dependabot.yml" />
7+
<File Path=".github/labels.yml" />
8+
<File Path=".github/labeler.yml" />
9+
</Folder>
10+
<Folder Name="/.github/workflows/">
11+
<File Path=".github/workflows/build-deploy-docs.yml" />
12+
<File Path=".github/workflows/conventional-commits.yml" />
13+
<File Path=".github/workflows/labeler.yml" />
14+
<File Path=".github/workflows/sync-labels.yml" />
15+
</Folder>
16+
<Folder Name="/Solution Items/">
17+
<File Path=".editorconfig" />
18+
<File Path="README.md" />
19+
<File Path=".gitignore" />
20+
<File Path="src/Directory.Build.props" />
21+
<File Path="src/Directory.Build.targets" />
22+
<File Path="src/Directory.Packages.props" />
23+
<File Path="global.json" />
24+
<File Path="cspell.json" />
25+
</Folder>
26+
<Project Path="src/DevTKSS.Extensions.Uno.Storage/DevTKSS.Extensions.Uno.Storage.csproj" />
27+
<Project Path="src/DevTKSS.Uno.Samples.MvuxGallery/DevTKSS.Uno.Samples.MvuxGallery.csproj" />
28+
<Project Path="src/DevTKSS.Uno.XamlNavigationApp/DevTKSS.Uno.XamlNavigationApp.csproj" />
29+
</Solution>

README.md

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -83,15 +83,24 @@ A complete tutorial application demonstrating navigation patterns with MVUX and
8383

8484
#### Tutorial Content
8585

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
90+
91+
**Available Resources:**
92+
8693
- [Uno.Extensions.Reactive (MVUX)](https://platform.uno/docs/articles/external/uno.extensions/doc/Learn/Mvux/Overview.html)
8794
- [Uno.Extensions.Navigation](https://platform.uno/docs/articles/external/uno.extensions/doc/Learn/Navigation/NavigationOverview.html)
8895
- [XAML Markup Navigation](https://platform.uno/docs/articles/external/uno.extensions/doc/Learn/Navigation/HowTo-NavigateInXAML.html)
96+
- [IRouteNotifier](https://platform.uno/docs/articles/external/uno.extensions/doc/Learn/Navigation/Advanced/HowTo-IRouteNotifier.html)
8997

90-
**Available Resources:**
98+
### Simple Member Selection App
9199

92-
- **[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)
103+
- **[Source Code](https://github.com/DevTKSS/DevTKSS.Uno.SampleApps/tree/master/src/DevTKSS.Uno.SimpleMemberSelectionApp/)**
95104

96105
---
97106

docs/articles/de/Introduction-de.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ Hier ein schneller Überblick über die enthaltenen Samples. Detaillierte Infos
3030
### XamlNavigationApp (Mvux)
3131

3232
- [NavigationView in MVUX oder MVVM + XAML](xref:DevTKSS.Uno.ExtensionsNavigation.Overview.de)
33-
- [Zum Quellcode](https://github.com/DevTKSS/DevTKSS.Uno.SampleApps/blob/master/src/DevTKSS.Uno.XamlNavigationApp-1/)
33+
- [Zum Quellcode](https://github.com/DevTKSS/DevTKSS.Uno.SampleApps/blob/master/src/DevTKSS.Uno.XamlNavigationApp/)
3434

3535
---
3636

docs/articles/de/Navigation/Extensions-Navigation-de.md

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,13 @@ Lass uns zuerst einmal schauen, was man beispielsweise in einer Xaml-basierten U
2828

2929
## Voraussetzungen
3030

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:
3238

3339
- [Tutorial: Einrichten der Entwicklungsumgebung](xref:DevTKSS.Uno.Setup.DevelopmentEnvironment.de)
3440

@@ -46,7 +52,7 @@ Wenn du diesen Schritt abgeschlossen hast, fahren wir mit der Implementierung de
4652

4753
---
4854

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)
5056
5157
### Uno Dokumentation Links
5258

docs/articles/de/Navigation/HowTo-ChangeRoutes-de.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ Solltest du das noch nicht gemacht haben, dann geht das jetzt ganz einfach auch
117117

118118
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:
119119

120-
[!code-csharp[](../../../../src/DevTKSS.Uno.XamlNavigationApp-1/Presentation/MainModel.cs#L19-L22)]
120+
[!code-csharp[](../../../../src/DevTKSS.Uno.XamlNavigationApp/Presentation/MainModel.cs#L19-L22)]
121121

122122
**Was passiert hier?**
123123

@@ -138,7 +138,7 @@ Glückwunsch! Du hast erfolgreich gelernt, wie du auf Routen Änderungen in dein
138138

139139
**Hier nochmal der komplette Code, den du in deinem Model von diesem Tutorial haben solltest:**
140140

141-
[!code-csharp[](../../../../src/DevTKSS.Uno.XamlNavigationApp-1/Presentation/MainModel.cs#L3-L25)]
141+
[!code-csharp[](../../../../src/DevTKSS.Uno.XamlNavigationApp/Presentation/MainModel.cs#L3-L25)]
142142

143143
## Links zur Uno Documentation
144144

docs/articles/de/Navigation/HowTo-Defining-UI-NavigationView-de.md

Lines changed: 24 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,15 @@ uid: DevTKSS.Uno.ExtensionsNavigation.HowTo-Defining-UI.de
66

77
In diesem Teil des Tutorials, wollen wir uns anschauen, wie man eine einfache Seitennavigation mittels einer `NavigationView` erstellen kann.
88

9-
**Was zuvor geschah...**
9+
**Was wir zuvor gemacht haben**
1010

1111
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!
1212

1313
## Tutorial Video: Navigation mit `NavigationView` in MVUX und XAML
1414

1515
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.
1616

17-
![Navigation-in-Xaml-und-Mvux-mit-Navigation-View](https://youtube.com/embed/knt2oOjHH30)
17+
![Navigation-in-Xaml-und-Mvux-mit-Navigation-View](https://www.youtube.com/embed/knt2oOjHH30)
1818

1919
## Implementierung der NavigationView
2020

@@ -84,27 +84,33 @@ Nun wollen wir die von der Extension ermöglichten Eigenschaften, sogenannte `At
8484

8585
```diff
8686
<Grid uen:Region.Attached="True"
87-
utu:SafeArea.Insets="VisibleBounds">
88-
<Grid.RowDefinitions>
87+
utu:SafeArea.Insets="VisibleBounds">
88+
<Grid.RowDefinitions>
8989
<RowDefinition Height="*" />
9090
<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>
9799
<NavigationViewItem Content="Home"
98100
+ uen:Region.Name="Dashboard"
99101
Icon="Home" />
100102
<NavigationViewItem Content="Some View"
101103
+ uen:Region.Name="Second"
102104
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>
108114
```
109115

110116
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
118124

119125
```diff
120126
<NavigationView.Content>
121-
<Grid uen:Region.Attached="True"
122-
+ uen:Region.Navigator="Visibility"
127+
<Grid uen:Region.Attached="True"
128+
+ uen:Region.Navigator="Visibility"
123129
Visibility="Visible" />
124130
</NavigationView.Content>
125131
```
@@ -137,7 +143,7 @@ Nun wollen wir die von der Extension ermöglichten Eigenschaften, sogenannte `At
137143
*Die Namensgebung ist also keineswegs Zufall!*
138144

139145
>[!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).
141147

142148
## Nächste Schritte
143149

0 commit comments

Comments
 (0)