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: hub/apps/develop/camera/camera-quickstart-winui3.md
+3-3Lines changed: 3 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -11,7 +11,7 @@ ms.localizationpriority: medium
11
11
12
12
# Show the camera preview in a WinUI 3 app
13
13
14
-
In this quickstart, you will learn how to create a basic WinUI 3 camera app that displays the camera preview. In a WinUI 3 app, you use the [MediaPlayerElement](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.mediaplayerelement) control in the [Microsot.UI.Xaml.Controls](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls) namespace to render the camera preview and the WinRT class [MediaCapture](/uwp/api/windows.media.capture.mediacapture) to access the device's camera preview stream. **MediaCapture** provides APIs for performing a wide range of camera-related tasks such as such as capturing photos and videos and configuring the camera's device driver. See the other articles in this section for details about other **MediaCapture** features.
14
+
In this quickstart, you will learn how to create a basic WinUI 3 camera app that displays the camera preview. In a WinUI 3 app, you use the [MediaPlayerElement](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.mediaplayerelement) control in the [Microsoft.UI.Xaml.Controls](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls) namespace to render the camera preview and the WinRT class [MediaCapture](/uwp/api/windows.media.capture.mediacapture) to access the device's camera preview stream. **MediaCapture** provides APIs for performing a wide range of camera-related tasks such as such as capturing photos and videos and configuring the camera's device driver. See the other articles in this section for details about other **MediaCapture** features.
15
15
16
16
The code in this walkthrough is adapted from the [MediaCapture WinUI 3 sample on github](https://github.com/microsoft/Windows-Camera/tree/master/Samples/MediaCaptureWinUI3).
17
17
@@ -21,7 +21,7 @@ The code in this walkthrough is adapted from the [MediaCapture WinUI 3 sample on
21
21
## Prerequisites
22
22
23
23
- Your device must have developer mode enabled. For more information see [Enable your device for development](/windows/apps/get-started/enable-your-device-for-development).
24
-
- Visual Studio 2022 or later with the **Windows application development** workload.
24
+
- Visual Studio 2022 or later with the **WinUI application development** workload.
25
25
26
26
## Create a new WinUI 3 app
27
27
@@ -30,7 +30,7 @@ In Visual Studio, create a new project. In the **Create a new project** dialog,
30
30
31
31
## Create the UI
32
32
33
-
The simple UI for this example includes a **MediaPlayerElement** control for displaying the camera preview, a [ComboBox](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.combobox) that allows you to select from the device's cameras, and buttons for initializing the **MediaCapture** class, starting and stopping the camera preview, and reseting the sample. We also include a [TextBlock](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.textblock) for displaying status messages.
33
+
The simple UI for this example includes a **MediaPlayerElement** control for displaying the camera preview, a [ComboBox](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.combobox) that allows you to select from the device's cameras, and buttons for initializing the **MediaCapture** class, starting and stopping the camera preview, and resetting the sample. We also include a [TextBlock](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.textblock) for displaying status messages.
34
34
35
35
In your project's MainWindow.xml file, replace the default **StackPanel** control with the following XAML.
Copy file name to clipboardExpand all lines: hub/apps/develop/security/share-certificates.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -18,7 +18,7 @@ Apps can authenticate to a web service using a certificate, and multiple apps ca
18
18
19
19
## Prerequisites
20
20
21
-
-[Visual Studio](https://visualstudio.microsoft.com/) with the **ASP.NET and web development** and **Windows application development** workloads installed.
21
+
-[Visual Studio](https://visualstudio.microsoft.com/) with the **ASP.NET and web development** and **WinUI application development** workloads installed.
22
22
- The latest [Windows Software Development Kit (SDK)](https://developer.microsoft.com/windows/downloads/windows-sdk/) to use the Windows Runtime (WinRT) APIs in your WinUI app.
23
23
-[PowerShell](/powershell/scripting/install/installing-powershell-on-windows) for working with self-signed certificates.
Copy file name to clipboardExpand all lines: hub/apps/get-started/start-here.md
+8-5Lines changed: 8 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
title: Get started with Windows development using WinUI
3
3
description: List of steps to get started developing Windows apps with WinUI and the Windows App SDK.
4
4
ms.topic: how-to
5
-
ms.date: 03/24/2025
5
+
ms.date: 04/18/2025
6
6
keywords: windows, desktop development
7
7
ms.localizationpriority: medium
8
8
ms.collection: windows11
@@ -53,15 +53,18 @@ On the **Workloads** tab of the Visual Studio Installer app, select the followin
53
53
54
54
#### [Visual Studio 2022 version 17.10 and later](#tab/vs-2022-17-10)
55
55
56
-
* For **C#** app development using the Windows App SDK, select **Windows application development**.
56
+
* For **C#** app development using the Windows App SDK, select **WinUI application development**.
57
57
58
-
:::image type="content" source="images/hello-world/vs-workload-winui.png" alt-text="A screenshot of the Visual Studio installer UI with the Windows application development workload selected.":::
58
+
:::image type="content" source="images/hello-world/vs-workload-winui.png" alt-text="A screenshot of the Visual Studio installer UI with the WinUI application development workload selected.":::
59
59
60
-
* For **C++** app development using the Windows App SDK, select **Windows application development**.
61
-
* Then in the **Installation details** pane, under the **Windows application development** node, select **C++ WinUI app development tools**. (This will also select any additional required components.)
60
+
* For **C++** app development using the Windows App SDK, select **WinUI application development**.
61
+
* Then in the **Installation details** pane, under the **WinUI application development** node, select **C++ WinUI app development tools**. (This will also select any additional required components.)
62
62
63
63
:::image type="content" source="images/hello-world/vs-workload-winui-cpp.png" alt-text="A screenshot of the Visual Studio installer UI with the C++ WinUI app development tools selected.":::
64
64
65
+
> [!NOTE]
66
+
> _In Visual Studio 17.10 - 17.12, this workload is called **Windows application development**._
67
+
65
68
#### [Visual Studio 2022 version 17.1 - 17.9](#tab/vs-2022-17-1)
66
69
67
70
* For **C#** app development using the Windows App SDK, select **.NET Desktop Development**.
Copy file name to clipboardExpand all lines: hub/apps/get-started/windows-developer-faq.yml
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -79,7 +79,7 @@ sections:
79
79
See [Use the Windows App SDK in an existing project](/windows/apps/windows-app-sdk/use-windows-app-sdk-in-existing-project) for more information.
80
80
- question: Do I need to use Visual Studio to build WinUI apps?
81
81
answer: |
82
-
We strongly recommend using Visual Studio 2022 versions 17.10 and above to develop WinUI apps. Using the latest version of Visual Studio will give you access to rich development features like Hot Reload. The latest Visual Studio installers include a **Windows application development** workload, making it easy to get started with WinUI development.
82
+
We strongly recommend using Visual Studio 2022 versions 17.10 and above to develop WinUI apps. Using the latest version of Visual Studio will give you access to rich development features like Hot Reload. The latest Visual Studio installers include a **WinUI application development** workload, making it easy to get started with WinUI development.
83
83
84
84
You may be able to use other IDEs and development workflows, but [Visual Studio](/visualstudio/windows/) is currently the only officially supported IDE for WinUI. Note that [MSBuild](/visualstudio/msbuild/msbuild) is required to compile projects that use XAML or WinUI.
85
85
- question: When I build an app using Windows App SDK and WinUI 3, am I building a "WinUI app"?
Copy file name to clipboardExpand all lines: hub/apps/how-tos/github-copilot-winui-vs.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -17,7 +17,7 @@ In this how-to, we'll demonstrate how [GitHub Copilot](https://github.com/featur
17
17
18
18
## Prerequisites
19
19
20
-
- Visual Studio 2022 (v17.10+) with the Windows application development workload applied (see [Get started with WinUI](../get-started/start-here.md) for additional configuration details). GitHub Copilot is included in Visual Studio 2022 v17.10 and later by default.
20
+
- Visual Studio 2022 (v17.10+) with the **WinUI application development** workload applied (see [Get started with WinUI](../get-started/start-here.md) for additional configuration details). GitHub Copilot is included in Visual Studio 2022 v17.10 and later by default.
21
21
- An active subscription to [GitHub Copilot](https://github.com/features/copilot/plans) associated with the GitHub account that you sign in to Visual Studio with.
22
22
- Familiarity with C#, WinUI, and Windows App SDK.
Copy file name to clipboardExpand all lines: hub/apps/windows-app-sdk/set-up-your-development-environment.md
+14-1Lines changed: 14 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -86,7 +86,20 @@ Use the following links to install Visual Studio 2022 (recommended) or Visual St
86
86
87
87
During Visual Studio installation, you have the option to install workloads and components (you can also open the Visual Studio Installer and select **Modify** to add workloads and components after installation). We recommend installing the following:
88
88
89
-
#### [Visual Studio 2022 version 17.1 and later](#tab/vs-2022-17-1-a)
89
+
#### [Visual Studio 2022 version 17.10 and later](#tab/vs-2022-17-10)
90
+
91
+
From within the Visual Studio Installer app:
92
+
93
+
* On the **Workloads** tab:
94
+
95
+
* For C# app development using the Windows App SDK, select **WinUI application development**.
96
+
* For C++ app development using the Windows App SDK, select **WinUI application development**
97
+
* Then in the **Installation details** pane of the installation dialog box, under the **WinUI application development** node, select **C++ WinUI app development tools**. (This will also select any additional required components.)
98
+
99
+
> [!NOTE]
100
+
> _In Visual Studio 17.10 - 17.12, this workload is called **Windows application development**._
101
+
102
+
#### [Visual Studio 2022 version 17.1 and 17.9](#tab/vs-2022-17-1-a)
0 commit comments