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
Following list provides you a quick Overview, what you can find in the [Mvux Gallery](./src/DevTKSS.Uno.Samples/DevTKSS.Uno.Samples.MvuxGallery) App.
32
-
The Overview about it and its Tutorials you can find [here](./doc/articles/MvuxGallery/Overview.md)
35
+
[Detailed and linked Overview about the Mvux Gallery Contents](./doc/articles/MvuxGallery-Overview.md)
33
36
34
-
### Controls to be explored in this App
37
+
### Sampled Controls
35
38
36
39
- FeedView combined with:
37
40
- GridView
@@ -43,57 +46,46 @@ The Overview about it and its Tutorials you can find [here](./doc/articles/MvuxG
43
46
-`ItemOverlayTemplate` DataTemplate layout replicated from WinUI 3 Gallery
44
47
- TabBar & TabBarItem
45
48
46
-
### Uno.Extensions to be explored here
49
+
### Sampled Uno.Extensions
47
50
48
51
- Mvux
49
-
- ListFeed
50
-
- State
51
52
- Navigation
52
53
- via Xaml
53
-
- Hosting
54
-
-DependencyInjection
54
+
- Hosting (App Host Builder)
55
+
-Dependency Injection
55
56
- Serialization
56
-
- JsonSerializerContext of each DataModel
57
-
- Using multiple `JsonSerializable(typeof...)` Attributes to extend the `CodeSampleOptionsContext.Default.<...>` Items
58
57
- Configuration
59
58
- Data for Serialization load from separate `appsettings.sampledata.json`
60
59
- Storage
61
-
- Directly in the Model Definition
62
-
- Via Service
63
-
- Via StorageExtension
64
-
- Referenced currently in private preview package
65
-
- Via Uno.Extensions.Storage.IStorage Interface extension
66
-
- added as PR to Uno.Extensions [#2734](https://github.com/unoplatform/uno.extensions/pull/2734)
67
60
- Localization
68
-
-**IStringLocalizer**
69
-
- Resources Dictionaries
70
-
- Binding current value in `IState<string>` and to corresponding View
71
-
- Requesting localized Items via FeedView
72
-
-**ILocalizationService**
73
-
- Requesting current culture
74
61
75
62
### Known Issues
76
63
77
64
-[ ] Fixing ThemeResource Styled that are not seeming to listen to Theme changes
78
65
-[ ] Getting `IOptions` with JsonTypeInfo Typed to Dictionary or Tuples does not work as expected and only returns null values. (see [#6](./issues/6))
79
66
-[ ] Missing Information about how to use `NamedOptions` at the point they should get returned by the IConfiguration to Configure the Service because Uno did remove the Microsoft own `.Configure<...>` which would be known, but is missing a documentation about those Changes applied. So in amiss of that, we need to create a derived Record for each of them to get the correct JsonSerializable Type and makes us need to define the CodeSampleService Generic. Following this up on [#9](./issues/9)
80
67
81
-
## Tutorials
68
+
## Tutorial Videos and used Samples
69
+
70
+
To show you how to get to the end result of the Mvux Gallery App, I created a Tutorial Video that will guide you through the process of building this App with the following Sample Apps and added Documentation.
82
71
83
-
### German Language
72
+
### Mvux.XamlNavigationApp
84
73
85
-
-**Xaml Navigation with NavigationView**
86
-
- Video Tutorial Playlist I recommend to check out frequently:
74
+
You want to use Mvux as your Presentation in Uno Platform Apps?
75
+
You would like to use a NavigationView Control for the base Navigation Layout of your App?
76
+
Your Markup is Xaml and you would like to get to know how the NavigationExtensions can help you to achieve this?
77
+
Then this is the right Sample App for you, learning how to do this!
# 🛠️ Anleitung: Entwicklungsumgebung für Uno Platform Apps einrichten
6
+
7
+
Um mit der Entwicklung von Uno Platform Apps zu starten, prüfe bitte ob du folgende Schritte erledigt hast.
8
+
9
+
> [!TIP]
10
+
> Ab dem 6.0 Release des Uno.Sdk bzw. der zugehörigen Visual Studio Extension kann das nachfolgend genutzte Tool `Uno.Check` (CLI Name `uno-check`) hieraus in den meisten Fällen deine Entwicklungsumgebung für alle Endgeräte prüfen. Dennoch ist immer sinnvoll sich einmal die zugehörige Dokumentation durchzulesen um auf etwaige Fehlermeldungen adäquat reagieren zu können.
11
+
12
+
## Videoanleitung
13
+
14
+
[!Video [How To: Einrichten unserer Uno Platform Entwicklungsumgebung](https://youtu.be/oI6IZVOeQBI)]
15
+
16
+
> [!NOTE]
17
+
> Die aktuellste Anleitung hierfür findest du immer im offiziellen [Quick Start Guide](https://platform.uno/docs/articles/get-started.html) von Uno Platform.
18
+
19
+
---
20
+
21
+
## Checkliste zur Einrichtung
22
+
23
+
-**Installiere das neueste .NET SDK**\
24
+
Download unter [dotnet.microsoft.com](https://dotnet.microsoft.com/)
25
+
26
+
-**Wähle und installiere deine bevorzugte IDE**
27
+
28
+
> [!NOTE]
29
+
> In diesem Guide wird Visual Studio 2022 Community Edition verwendet. Solltest du mit Rider oder Visual Studio Code arbeiten, informiere dich bitte im zuvor verlinkten Quick Start Guide über etwaige Abweichungen!
30
+
31
+
-**Installiere die Uno Platform-Erweiterung**\
32
+
Erhältlich im [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=nventive.unoplatform)
33
+
34
+
<!-- - **Installiere **``** über die Kommandozeile**
35
+
36
+
```bash
37
+
dotnet tool install -g Uno.Check
38
+
```
39
+
40
+
- **Starte **``**, um deine Umgebung zu prüfen**
41
+
42
+
```bash
43
+
uno-check
44
+
```
45
+
46
+
> ℹ️ *Dieses Tool hilft dir, fehlende Workloads zu installieren oder Probleme zu beheben, damit du sofort loslegen kannst.* -->
47
+
48
+
-**Optionen zur Konfiguration entdecken**
49
+
50
+
- Mehr Infos in der [Uno.Check Dokumentation](https://platform.uno/docs/articles/external/uno.check/doc/configuring-uno-check.html)\
51
+
52
+
- Oder gib `uno-check -h` im Terminal ein, um alle Optionen zu sehen.
53
+
54
+
-**Probleme bei der Einrichtung?**\
55
+
Sieh dir den [Troubleshooting Guide](https://platform.uno/docs/articles/external/uno.check/doc/troubleshooting-uno-check.html) an.
56
+
57
+
---
58
+
59
+
## 🧪 Was du als Nächstes tun solltest
60
+
61
+
Sobald deine Umgebung eingerichtet ist, empfehlen wir dir, mindestens den [Counter Workshop](https://platform.uno/docs/articles/getting-started/counterapp/get-started-counter.html) durchzuführen. Dabei lernst du unter anderem:
62
+
63
+
- 📁 Die Struktur einer Uno-App
64
+
- 🖼️ Den Umgang mit Assets (Bilder/Icons) über **Uno.Resizetizer**
65
+
- 🔗 Die Verwendung von Commands und Bindings
66
+
67
+
> [!TIPP]
68
+
> Abhängig vom Tutorial, das du anschließend machen möchtest, solltest du im Workshop die passende Variante auswählen:
69
+
>
70
+
> - Wähle zwischen **XAML** oder **C#** als Markup
71
+
> - Und zwischen **MVVM** oder **MVUX** als `Presentation` deiner Anwendung.
Copy file name to clipboardExpand all lines: doc/articles/HowTo-Setup-DevelopmentEnvironment.md
+5-1Lines changed: 5 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,8 @@
1
-
# Getting Started
1
+
---
2
+
uid: DevTKSS.Setup.DevelopmentEnvironment.en
3
+
---
4
+
5
+
# How To: Setup your Development Environment for Uno Apps
2
6
3
7
To setup your Development Environment for Uno Apps, please make sure, to follow the [Quick Start Guide](https://platform.uno/docs/articles/get-started.html) provided by Uno Platform which will include:
##How-To: Navigating with a NavigationView in a XAML Markup + MVUX Presentation App
5
+
# How-To: Navigating with a NavigationView in a XAML Markup + MVUX Presentation App
6
6
7
7
This sample demonstrates how to use a `NavigationView` control to navigate between pages in a XAML Markup + MVUX Presentation App. The app is structured to allow for easy navigation and showcases the MVUX pattern, with focus on brevity and simplicity.
8
8
@@ -12,7 +12,7 @@ This sample demonstrates how to use a `NavigationView` control to navigate betwe
12
12
- Routes defined in the `App.xaml` file.
13
13
- A `MainPage.xaml` that serves as the entry point for navigation.
14
14
-`DashboardPage` and `SecondPage` as example pages to navigate to.
15
-
- Each of the pages binds to a string statefull property to demonstrate state management gatered by the MVUX.
15
+
- Each of the pages binds to a string stateful property to demonstrate state management gathered by the MVUX.
16
16
17
17
As this SampleApp is produces alongside a Community Tutorial Video on YouTube, you can follow along with the video to see how the app is built step-by-step.
18
18
@@ -21,7 +21,7 @@ As this SampleApp is produces alongside a Community Tutorial Video on YouTube, y
21
21
> [!NOTE]
22
22
> Currently, the Videos are only available in German Language, but there are Transcriptions added to the Video Description, which should be useable through YouTube's Auto-Translate feature. There are also plans to create English Videos for this SampleApp in the future.
23
23
24
-
###Prerequisites
24
+
## Prerequisites
25
25
26
26
- Visual Studio 2022 or later with the Uno Platform extension installed.
27
27
-`uno-check --tfm net9.0-desktop` command executed in the Terminal gives you green light for all applyable checks.
@@ -34,14 +34,14 @@ To configure the app using the Visual Studio Wizard, follow these steps:
34
34
35
35
1. Create a new Uno Platform App:
36
36
37
-
1. Select the `recommended` Template.
38
-
1. Select the `net9.0` target framework.
39
-
1. Select `Xaml` as Markup.
40
-
1. Select `MVUX` as Presentation.
41
-
1. Select `Regions`, `Dependency Injection`, as Extensions.
Copy file name to clipboardExpand all lines: doc/articles/MvuxGallery-Overview.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,15 +2,15 @@
2
2
uid: DevTKSS.Uno.SampleApps.MvuxGallery.Overview
3
3
---
4
4
5
-
##Mvux Gallery
5
+
# Mvux Gallery Overview
6
6
7
-
The [Mvux Gallery (source link)](../../../src/DevTKSS.Uno.Samples.MvuxGallery/)Tutorials are currently:
7
+
The [Mvux Gallery (source link)](../../../src/DevTKSS.Uno.Samples.MvuxGallery/)should give you a impression of whats possible to achieve with the Mvux and Uno.Extensions packages in your Uno Platform App.
8
8
9
-
-[How-To: Xaml Navigation mit NavigationView (deutschsprachig)](./How-To-XamlNavigation.md)
9
+
As it contains already a lot of Controls and Features, I decided to create some Tutorials to guide you through the process of building this App with some Sample Apps and added Tutorials. Take a look at the Table of Contents and Navigationbar in these Docs to see what is already available.
10
10
11
-
###Controls
11
+
##Sampled Controls
12
12
13
-
Here is a list of Controls and Features you can explore in the MvuxGallery App with links to their Source code in this Repository.
13
+
Here is a list of Controls and Features you can explore in the MvuxGallery App with links to their Source code in the MvuxGallery App:
-[Counter](../../../src/DevTKSS.Uno.Samples.MvuxGallery/Presentation/Views/CounterPage.xaml) and [CounterModel](../../../src/DevTKSS.Uno.Samples.MvuxGallery/Presentation/ViewModels/CounterModel.cs)
@@ -20,7 +20,7 @@ Here is a list of Controls and Features you can explore in the MvuxGallery App w
20
20
-[`ItemOverlayTemplate` DataTemplate](../../../src/DevTKSS.Uno.Samples.MvuxGallery/Styles/Generic.xaml) (*Layout replicated from WinUI 3 Gallery*)
21
21
-[TabBar and TabBarItem](../../../src/DevTKSS.Uno.Samples.MvuxGallery/Presentation/Views/DashboardPage.xaml) and [Model for Binding Items to ListFeed](../../../src/DevTKSS.Uno.Samples.MvuxGallery/Presentation/ViewModels/DashboardModel.cs)
0 commit comments