Merge pull request #4483 from lukeblevins/dev/lubl/simple-photo-uno

docs(Uno): SimplePhotos multiplatform tutorial

Author: alvinashcraft

hub/apps/get-started/images/uno/screenshot1.png

@@ -23,40 +23,23 @@ Once you've [created](hello-world-winui3.md) a starter Hello World WinUI 3 app,
 - [Visual Studio 2022 17.4 or later](https://visualstudio.microsoft.com/#vs-section)
 - [Tools for Windows App SDK](../windows-app-sdk/set-up-your-development-environment.md)
 - ASP.NET and web development workload (for WebAssembly development)
-:::image type="content" source="images/hello-world/vs-install-web.png" alt-text="Web development workload in VS":::
+:::image type="content" source="../images/uno/uno-vs-install-web.png" alt-text="Web development workload in VS":::
 - .NET Multi-platform App UI development installed (for iOS, Android, Mac Catalyst development).
-:::image type="content" source="images/hello-world/vs-install-dotnet-mobile.png" alt-text="dotnet mobile workload in VS":::
+:::image type="content" source="../images/uno/uno-vs-install-dotnet-mobile.png" alt-text="dotnet mobile workload in VS":::
 - .NET desktop development installed (for Gtk, Wpf, and Linux Framebuffer development)
-:::image type="content" source="images/hello-world/vs-install-dotnet.png" alt-text=".net desktop workload in VS":::
+:::image type="content" source="../images/uno/uno-vs-install-dotnet.png" alt-text=".net desktop workload in VS":::
 
-## Finalize your environment
-
-1. Open a command-line prompt, Windows Terminal if you have it installed, or else Command Prompt or Windows Powershell from the Start Menu.
-
-2. Install the `uno-check` tool:
-    - Use the following command:
-
-        `dotnet tool install -g uno.check`
-
-    - To update the tool, if you already have an existing one:
-
-        `dotnet tool update -g uno.check`
-
-3. Run the tool with the following command:
-
-    `uno-check`
-
-4. Follow the instructions indicated by the tool. Because it needs to modify your system, you may be prompted for elevated permissions.
+[!INCLUDE [uno-setup.md](../../includes/uno-setup.md)]
 
 ## Install the Uno Platform solution templates
 
 Launch Visual Studio, then click `Continue without code`. Click `Extensions` -> `Manage Extensions` from the Menu Bar.
 
-:::image type="content" source="images/hello-world/manage-extensions.png" alt-text="Visual Studio Menu bar item that reads manage extensions":::
+:::image type="content" source="../images/uno/uno-manage-extensions.png" alt-text="Visual Studio Menu bar item that reads manage extensions":::
 
 In the Extension Manager expand the **Online** node and search for `Uno`, install the `Uno Platform` extension, or download it from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=unoplatform.uno-platform-addin-2022), then restart Visual Studio.
 
-:::image type="content" source="images/hello-world/uno-extensions.png" alt-text="Manage Extensions window in Visual Studio with Uno Platform extension as a search result":::
+:::image type="content" source="../images/uno/uno-extensions.png" alt-text="Manage Extensions window in Visual Studio with Uno Platform extension as a search result":::
 
 ## Create an application
 
@@ -66,26 +49,26 @@ Soon enough, you will be able to reap the benefits of this approach, as you can
 
 Open Visual Studio and create a new project via `File` > `New` > `Project`:
 
-:::image type="content" source="images/hello-world/uno-create-project.png" alt-text="Create a new project":::
+:::image type="content" source="../images/uno/uno-create-project.png" alt-text="Create a new project":::
 
 Search for Uno and select the Uno Platform App project template:
 
-:::image type="content" source="images/hello-world/uno-new-project.png" alt-text="Uno platform app":::
+:::image type="content" source="../images/uno/uno-new-project.png" alt-text="Uno platform app":::
 
 Specify a project name, solution name, and directory. In this example, our Hello World MultiPlatform project belongs to a Hello World MultiPlatform solution, which will live in C:\Projects:
 
 :::image type="content" source="images/hello-world/configure-project.png" alt-text="Specify project details":::
 
 Create a new C# solution using the **Uno Platform App** type from Visual Studio's **Start Page**. To avoid conflicting with the code from the previous tutorial, we'll give this solution a different name, "Hello World Uno".
 
-Now you'll choose a base template to take your Hello World application multi-platform. The Uno Platform App template comes with two preset options that allow you to quickly get started with either a Blank solution or the Default configuration which includes references to the Uno.Material and Uno.Toolkit libraries. The Default configuration also includes Uno.Extensions which is used for dependency injection, configuration, navigation, and logging, and it uses MVUX in place of MVVM, making it a great starting point for rapidly building real-world applications. 
+Now you'll choose a base template to take your Hello World application multi-platform. The Uno Platform App template comes with two preset options that allow you to quickly get started with either a Blank solution or the Default configuration which includes references to the Uno.Material and Uno.Toolkit libraries. The Default configuration also includes Uno.Extensions which is used for dependency injection, configuration, navigation, and logging, and it uses MVUX in place of MVVM, making it a great starting point for rapidly building real-world applications.
 
-:::image type="content" source="images/hello-world/vsix-new-project-options.png" alt-text="Uno solution template for project startup type":::
+:::image type="content" source="../images/uno/uno-vsix-new-project-options.png" alt-text="Uno solution template for project startup type":::
 
 To keep things simple, select the **Blank** preset. Then, click the **Create** button. Wait for the projects to be created and their dependencies to be restored.
 
 A banner at the top of the editor may ask to reload projects, click **Reload projects**:
-:::image type="content" source="images/hello-world/vs2022-project-reload.png" alt-text="Visual Studio banner offering to reload your projects to complete changes":::
+:::image type="content" source="../images/uno/uno-project-reload.png" alt-text="Visual Studio banner offering to reload your projects to complete changes":::
 
 ## Building your app
 
@@ -99,13 +82,13 @@ Make sure Visual Studio has your WinUI 3 project open, then copy the child XAML
 
 ```xml
 <Page x:Class="HelloWorld.MainPage"
-	  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-	  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-	  xmlns:local="using:HelloWorld"
-	  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-	  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-	  mc:Ignorable="d"
-	  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+   xmlns:local="using:HelloWorld"
+   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+   mc:Ignorable="d"
+   Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
 
       <!-- Below is the code you copied from MainWindow: -->
       <StackPanel Orientation="Horizontal"
@@ -122,30 +105,30 @@ Launch the HelloWorld.Windows target. Observe that this WinUI app is identical t
 
 You can now build and run your app on any of the supported platforms. To do so, you can use the debug toolbar drop-down to select a target platform to deploy:
 
-* To run the **WebAssembly** (Wasm) head:
-    - Right-click on the `HelloWorld.Wasm` project, select **Set as startup project**
-    - Press the `HelloWorld.Wasm` button to deploy the app
-    - If desired, you can use the `HelloWorld.Server` project as an alternative
-* To debug for **iOS**:
-    - Right-click on the `HelloWorld.Mobile` project, select **Set as startup project**
-    - In the debug toolbar drop-down, select an active iOS device or the simulator. You'll need to be paired with a Mac for this to work.
-
-      :::image type="content" source="images/hello-world/net7-ios-debug.png" alt-text="Visual Studio dropdown to select a target framework to deploy":::
-
-    - Select an active device
-* To debug the **Android** platform:
-    - Right-click on the `HelloWorld.Mobile` project, select **Set as startup project**
-    - In the debug toolbar drop-down, select either an active Android device or the emulator
-        - Select an active device in the "Device" sub-menu
-* To debug on Linux with Skia GTK:
-    - Right-click on the `HelloWorld.Skia.Gtk` project, and select **Set as startup project**
-    - Press the `HelloWorld.Skia.Gtk` button to deploy the app
-
+- To run the **WebAssembly** (Wasm) head:
+  - Right-click on the `HelloWorld.Wasm` project, select **Set as startup project**
+  - Press the `HelloWorld.Wasm` button to deploy the app
+  - If desired, you can use the `HelloWorld.Server` project as an alternative
+- To debug for **iOS**:
+  - Right-click on the `HelloWorld.Mobile` project, select **Set as startup project**
+  - In the debug toolbar drop-down, select an active iOS device or the simulator. You'll need to be paired with a Mac for this to work.
+
+      :::image type="content" source="../images/uno/uno-mobile-debug.png" alt-text="Visual Studio dropdown to select a target framework to deploy":::
+
+- To debug for **Mac Catalyst**:
+  - Right-click on the `HelloWorld.Mobile` project, select **Set as startup project**
+  - In the debug toolbar drop-down, select a remote macOS device. You'll need to be paired with one for this to work.
+- To debug the **Android** platform:
+  - Right-click on the `HelloWorld.Mobile` project, select **Set as startup project**
+  - In the debug toolbar drop-down, select either an active Android device or the emulator
+    - Select an active device in the "Device" sub-menu
+- To debug on **Linux** with **Skia GTK**:
+  - Right-click on the `HelloWorld.Skia.Gtk` project, and select **Set as startup project**
+  - Press the `HelloWorld.Skia.Gtk` button to deploy the app
 
 Now you're ready to start building your multi-platform application!
 
-
 ## See also
 
 - [Uno Platform documentation](https://platform.uno/docs/articles/intro.html)
-- [Uno Extensions features](https://platform.uno/docs/articles/external/uno.extensions/doc/ExtensionsOverview.html#learn-about-unoextensions-features)
+- [Uno Extensions features](https://platform.uno/docs/articles/external/uno.extensions/doc/ExtensionsOverview.html#learn-about-unoextensions-features)