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
Specify a project name, solution name, and directory. In this example, our SimplePhotos multi-platform project belongs to a SimplePhotos multi-platform solution, which will live in C:\Projects:
72
+
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, "UnoSimplePhotos". Specify the project name, solution name, and directory. In this example, our `UnoSimplePhotos` multi-platform project belongs to a `UnoSimplePhotos` solution, which will live in C:\Projects:
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, "SimplePhotosUno".
76
+
Now you'll choose a base template to take your Simple Photo gallery application multi-platform.
77
77
78
-
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.
78
+
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.
79
79
80
80
:::image type="content" source="../images/uno/uno-vsix-new-project-options.png" alt-text="Uno solution template for project startup type":::
81
81
@@ -163,14 +163,14 @@ To do so, go back to the **SimplePhotos** project from the previous tutorial. In
163
163
</Window>
164
164
```
165
165
166
-
Copy the contents of the `Window` element and paste them into the `Page` element of the `MainPage.xaml` file in the **SimplePhotosUno** Uno Platform project. The `MainPage` view XAML should look like this:
166
+
Copy the contents of the `Window` element and paste them into the `Page` element of the `MainPage.xaml` file in the **UnoSimplePhotos** Uno Platform project. The `MainPage` view XAML should look like this:
@@ -246,7 +246,7 @@ using System.Collections.ObjectModel;
246
246
usingWindows.Storage;
247
247
usingWindows.Storage.Search;
248
248
249
-
namespaceSimplePhotosUno;
249
+
namespaceUnoSimplePhotos;
250
250
251
251
publicsealedpartialclassMainPage : Page
252
252
{
@@ -325,7 +325,7 @@ using Windows.Storage;
325
325
usingWindows.Storage.FileProperties;
326
326
usingWindows.Storage.Streams;
327
327
328
-
namespaceSimplePhotosUno;
328
+
namespaceUnoSimplePhotos;
329
329
330
330
publicclassImageFileInfo : INotifyPropertyChanged
331
331
{
@@ -415,7 +415,7 @@ This class will serve as a model to represent the image files in the `GridView`.
415
415
416
416
### Add image assets to the project
417
417
418
-
In the `SimplePhotosUno` project, create a new folder named `Assets` and copy the JPEG image files to a `Samples` subfolder. The `Assets` folder structure should now look like this:
418
+
In the `UnoSimplePhotos` project, create a new folder named `Assets` and copy the JPG image files to a `Samples` subfolder. The `Assets` folder structure should now look like this:
419
419
420
420
[Insert image here]
421
421
@@ -457,7 +457,7 @@ using System.ComponentModel;
457
457
usingSystem.Runtime.CompilerServices;
458
458
usingWindows.Storage;
459
459
460
-
namespaceSimplePhotosUno;
460
+
namespaceUnoSimplePhotos;
461
461
462
462
publicclassImageFileInfo : INotifyPropertyChanged
463
463
{
@@ -536,10 +536,10 @@ Finally, **remove** the entire `ItemsPanelTemplate` resource from the `Grid.Reso
@@ -591,30 +591,30 @@ Finally, **remove** the entire `ItemsPanelTemplate` resource from the `Grid.Reso
591
591
592
592
### Running the app
593
593
594
-
Launch the `SimplePhotosUno.Windows` target. Observe that this WinUI app is very similar to the previous tutorial.
594
+
Launch the `UnoSimplePhotos.Windows` target. Observe that this WinUI app is very similar to the previous tutorial.
595
595
596
596
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:
597
597
598
598
* To run the **WebAssembly** (Wasm) head:
599
-
- Right-click on the `SimplePhotosUno.Wasm` project, select **Set as startup project**
600
-
- Press the `SimplePhotosUno.Wasm` button to deploy the app
601
-
- If desired, you can use the `SimplePhotosUno.Server` project as an alternative
599
+
- Right-click on the `UnoSimplePhotos.Wasm` project, select **Set as startup project**
600
+
- Press the `UnoSimplePhotos.Wasm` button to deploy the app
601
+
- If desired, you can add and use the `UnoSimplePhotos.Server` project as an alternative
602
602
* To debug for **iOS**:
603
-
- Right-click on the `SimplePhotosUno.Mobile` project, select **Set as startup project**
603
+
- Right-click on the `UnoSimplePhotos.Mobile` project, select **Set as startup project**
604
604
- 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.
605
605
606
606
:::image type="content" source="../how-tos/images/hello-world/net7-ios-debug.png" alt-text="Visual Studio dropdown to select a target framework to deploy":::
607
607
608
608
* To debug for **Mac Catalyst**:
609
-
- Right-click on the `SimplePhotosUno.Mobile` project, select **Set as startup project**
609
+
- Right-click on the `UnoSimplePhotos.Mobile` project, select **Set as startup project**
610
610
- In the debug toolbar drop-down, select a remote macOS device. You'll need to be paired with one for this to work.
611
611
* To debug the **Android** platform:
612
-
- Right-click on the `SimplePhotosUno.Mobile` project, select **Set as startup project**
612
+
- Right-click on the `UnoSimplePhotos.Mobile` project, select **Set as startup project**
613
613
- In the debug toolbar drop-down, select either an active Android device or the emulator
614
614
- Select an active device in the "Device" sub-menu
615
615
* To debug on **Linux** with **Skia GTK**:
616
-
- Right-click on the `SimplePhotosUno.Skia.Gtk` project, and select **Set as startup project**
617
-
- Press the `SimplePhotosUno.Skia.Gtk` button to deploy the app
616
+
- Right-click on the `UnoSimplePhotos.Skia.Gtk` project, and select **Set as startup project**
617
+
- Press the `UnoSimplePhotos.Skia.Gtk` button to deploy the app
0 commit comments