Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion hub/apps/design/accessibility/accessibility-overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ Microsoft DirectX content that's hosted in a XAML UI (using [**SwapChainPanel**]
> - [Keyboard support](winui3gallery://item/AccessibilityKeyboard)
> - [Color contrast](winui3gallery://item/AccessibilityColorContrast)

> The **WinUI 3 Gallery** app includes interactive examples of most WinUI 3 controls, features, and functionality. Get the app from the [Microsoft Store](https://www.microsoft.com/store/productId/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery)
> The **WinUI 3 Gallery** app includes interactive examples of most WinUI 3 controls, features, and functionality. Get the app from the [Microsoft Store](https://apps.microsoft.com/detail/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery)

## Related topics

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/accessibility/high-contrast-themes.md
Original file line number Diff line number Diff line change
Expand Up @@ -160,7 +160,7 @@ Here are some recommendations for customizing the contrast theme colors in your
> [!TIP]
> It's often helpful to look at the WinUI Gallery app to see how common controls use the **SystemColor** brushes. If installed already, open them by clicking the following links: [**WinUI 3 Gallery**](winui3gallery:) or [**WinUI 2 Gallery**](winui2gallery:).
>
> If they are not installed, you can download the [**WinUI 3 Gallery**](https://www.microsoft.com/store/productId/9P3JFPWWDZRC) and the [**WinUI 2 Gallery**](https://www.microsoft.com/store/productId/9MSVH128X2ZT) from the Microsoft Store.
> If they are not installed, you can download the [**WinUI 3 Gallery**](https://apps.microsoft.com/detail/9P3JFPWWDZRC) and the [**WinUI 2 Gallery**](https://apps.microsoft.com/detail/9MSVH128X2ZT) from the Microsoft Store.
>
> You can also get the source code for both from [GitHub](https://github.com/Microsoft/WinUI-Gallery) (use the *main* branch for WinUI 3 and the *winui2* branch for WinUI 2).

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/contact-card.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ Use the contact card when you want to display contact info for a contact. If you
<td>
<p>If you have the <strong style="font-weight: semi-bold">WinUI 2 Gallery</strong> app installed, click here to <a href="winui2gallery:/item/Button">open the app and see the Button in action</a>.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/dialogs-and-flyouts/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ Dialogs are frequently used to confirm an action (such as deleting a file) befor
>
> - **Important APIs**: [ContentDialog class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ContentDialog), [Flyout class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.Flyout)

> - If you have the **WinUI 3 Gallery** app installed, click here to open the app and see the [ContentDialog](winui3gallery:/item/ContentDialog) or [Flyout](winui3gallery:/item/Flyout) in action. Get the app from the [Microsoft Store](https://www.microsoft.com/store/productId/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery/tree/main).
> - If you have the **WinUI 3 Gallery** app installed, click here to open the app and see the [ContentDialog](winui3gallery:/item/ContentDialog) or [Flyout](winui3gallery:/item/Flyout) in action. Get the app from the [Microsoft Store](https://apps.microsoft.com/detail/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery/tree/main).

## How to create a dialog

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -333,7 +333,7 @@ Get the *WinUI Gallery* apps from the Microsoft Store to see XAML controls and t

> [!div class="checklist"]
>
> - Get the [**WinUI 3 Gallery**](https://www.microsoft.com/store/productId/9P3JFPWWDZRC) and the [**WinUI 2 Gallery**](https://www.microsoft.com/store/productId/9MSVH128X2ZT) from the Microsoft Store.
> - Get the [**WinUI 3 Gallery**](https://apps.microsoft.com/detail/9P3JFPWWDZRC) and the [**WinUI 2 Gallery**](https://apps.microsoft.com/detail/9MSVH128X2ZT) from the Microsoft Store.
> - Get the source code for both from [GitHub](https://github.com/Microsoft/WinUI-Gallery) (use the *main* branch for WinUI 3 and the *winui2* branch for WinUI 2).

## Additional controls
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/lists.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ One of the scenarios not covered in this article is displaying collections in a
<td>
<p>If you have the <strong>WinUI 2 Gallery</strong> app installed, see the <a href="winui2gallery:/item/ListView">ListView</a>, <a href="winui2gallery:/item/GridView">GridView</a>, <a href="winui2gallery:/item/FlipView">FlipView</a>, <a href="winui2gallery:/item/TreeView">TreeView</a>, and <a href="winui2gallery:/item/ItemsRepeater">ItemsRepeater</a> in action.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/split-view.md
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ If you'd like to build a navigation menu with an expand/collapse button and a li
<td>
<p>If you have the <strong>WinUI 2 Gallery</strong> app installed, click here to <a href="winui2gallery:/item/SplitView">open the app and see the SplitView in action</a>.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/text-controls.md
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ There are many ways you can get user input in your app. These questions will hel
<td>
<p>If you have the <strong>WinUI 2 Gallery</strong> app installed, click here to <a href="winui2gallery:/category/Text">open the app and see the text controls in action</a>.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/layout/attached-layouts.md
Original file line number Diff line number Diff line change
Expand Up @@ -292,7 +292,7 @@ The UI for the Xbox Activity Feed uses a repeating pattern where each line has a
The code below walks through what a custom virtualizing UI for the activity feed might be to illustrate the general approach you might take for a **data layout**.

> [!TIP]
> If you have the **WinUI 3 Gallery** app installed, click here to [open the app and see the ItemsRepeater in action](winui3gallery:/item/ItemsRepeater). Get the app from the [Microsoft Store](https://www.microsoft.com/store/productId/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery).
> If you have the **WinUI 3 Gallery** app installed, click here to [open the app and see the ItemsRepeater in action](winui3gallery:/item/ItemsRepeater). Get the app from the [Microsoft Store](https://apps.microsoft.com/detail/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery).

#### Implementation

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/layout/layout-panels.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ There are several things to consider when choosing a layout panel:
<td>
<p>If you have the <strong>WinUI 2 Gallery</strong> app installed, see the <a href="winui2gallery:/item/RelativePanel">RelativePanel</a>, <a href="winui2gallery:/item/StackPanel">StackPanel</a>, <a href="winui2gallery:/item/Grid">Grid</a>, <a href="winui2gallery:/item/VariableSizedWrapGrid">VariableSizedWrapGrid</a>, and <a href="winui2gallery:/item/Canvas">Canvas</a> in action.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/motion/connected-animation.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ In a connected animation, an element appears to "continue" between two views dur
<td>
<p>If you have the <strong>WinUI 2 Gallery</strong> app installed, click here to <a href="winui2gallery:/item/ConnectedAnimation">open the app and see Connected Animation in action</a>.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/motion/page-transitions.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ Two different animations are provided for navigation between pages in an app, *P
<td>
<p>If you have the <strong>WinUI 2 Gallery</strong> app installed, click here to <a href="winui2gallery:/item/PageTransition">open the app and see Page Transitions in action</a>.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/motion/parallax.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ Parallax is a visual effect where items closer to the viewer move faster than it
<td>
<p>If you have the <strong>WinUI 2 Gallery</strong> app installed, click here to <a href="winui2gallery:/item/ParallaxView">open the app and see the ParallaxView in action</a>.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/motion/xaml-property-animations.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ Starting in Windows 10, version 1809, you can animate properties on a UIElement
<td>
<p>If you have the <strong>WinUI 2 Gallery</strong> app installed, click here to <a href="winui2gallery:/item/XamlCompInterop">open the app and see Animation interop in action</a>.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/signature-experiences/typography.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ Windows 11 uses Segoe UI Variable with the following attributes based on the con
> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see Typography principles in action](winui3gallery:/item/Typography)

> The **WinUI 3 Gallery** app includes interactive examples of most WinUI 3 controls, features, and functionality. Get the app from the [Microsoft Store](https://www.microsoft.com/store/productId/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery)
> The **WinUI 3 Gallery** app includes interactive examples of most WinUI 3 controls, features, and functionality. Get the app from the [Microsoft Store](https://apps.microsoft.com/detail/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery)

## Typography in Windows Apps

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/style/sound.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ There are many ways to use sound to enhance your app. You can use to sound to su
<td>
<p>If you have the <strong>WinUI 2 Gallery</strong> app installed, click here to <a href="winui2gallery:/item/Sound">open the app and see Sound in action</a>.</p>
<ul>
<li><a href="https://www.microsoft.com/store/productId/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://apps.microsoft.com/detail/9MSVH128X2ZT">Get the WinUI 2 Gallery app (Microsoft Store)</a></li>
<li><a href="https://github.com/Microsoft/WinUI-Gallery">Get the source code (GitHub)</a></li>
</ul>
</td>
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/develop/platform/xaml/xaml-theme-resources.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ The XAML framework provides a set of named [Color](/uwp/api/Windows.UI.Color) re
> [!div class="nextstepaction"]
> For a visual overview of these colors, see the WinUI 3 Gallery app: [Colors](winui3gallery://item/Colors)

> The **WinUI 3 Gallery** app includes interactive examples of most WinUI 3 controls, features, and functionality. Get the app from the [Microsoft Store](https://www.microsoft.com/store/productId/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery)
> The **WinUI 3 Gallery** app includes interactive examples of most WinUI 3 controls, features, and functionality. Get the app from the [Microsoft Store](https://apps.microsoft.com/detail/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery)

### Windows system contrast theme colors

Expand Down
4 changes: 2 additions & 2 deletions hub/apps/develop/user-interface.md
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,7 @@ WinUI 3 is the latest generation of WinUI. WinUI 2 and 3 share many of the same
- Input: [Input and interactions](../design/input/index.md)
- Motion: [Motion for Windows apps](../design/motion/index.md)
- Accessibility: [Usability for Windows apps](../design/usability/index.md)
- Samples: [WinUI 3 Gallery app](https://www.microsoft.com/store/productId/9P3JFPWWDZRC)
- Samples: [WinUI 3 Gallery app](https://apps.microsoft.com/detail/9P3JFPWWDZRC)

### [WinUI 2 for UWP](#tab/winui-2)

Expand All @@ -141,7 +141,7 @@ WinUI 2 and 3 share many of the same controls, styles, and other UI fundamentals
- Input: [Input and interactions](../design/input/index.md)
- Motion: [Motion for Windows apps](../design/motion/index.md)
- Accessibility: [Usability for Windows apps](../design/usability/index.md)
- Samples: [WinUI 2 Gallery app](https://www.microsoft.com/store/productId/9MSVH128X2ZT)
- Samples: [WinUI 2 Gallery app](https://apps.microsoft.com/detail/9MSVH128X2ZT)

### [WPF](#tab/wpf)

Expand Down
4 changes: 2 additions & 2 deletions hub/apps/get-started/best-practices.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ Windows 11 is built on the [Windows 11 design principles](../design/signature-ex
- Window behavior
- Shell integration points

[WinUI 3](../winui/index.md) provides built-in support for many of these experiences and styles through its **[common controls](./make-apps-great-for-windows.md#4-use-the-latest-common-controls)**. If you aren't able to use WinUI 3, consider emulating the styles demonstrated in our [design toolkits](https://aka.ms/WinUI/3.0-figma-toolkit) and [WinUI Gallery](https://www.microsoft.com/store/productId/9P3JFPWWDZRC).
[WinUI 3](../winui/index.md) provides built-in support for many of these experiences and styles through its **[common controls](./make-apps-great-for-windows.md#4-use-the-latest-common-controls)**. If you aren't able to use WinUI 3, consider emulating the styles demonstrated in our [design toolkits](https://aka.ms/WinUI/3.0-figma-toolkit) and [WinUI Gallery](https://apps.microsoft.com/detail/9P3JFPWWDZRC).

### Layout

Expand Down Expand Up @@ -84,7 +84,7 @@ More information about Acrylic and Mica materials can be found in [Things you ca

[Windows 11 geometry](../design/signature-experiences/geometry.md) has been crafted to support modern app experiences. Progressively rounded corners, nested elements, and consistent gutters combine to create a soft, calm, and approachable effect that emphasizes unity of purpose and ease of use.

The visual and behavioral changes are built in to [WinUI 3](../winui/index.md). Use WinUI 3 where you can to take advantage of the work that has already been done. If you aren't able to use WinUI 3, consider emulating the styles demonstrated in our [design toolkits](https://www.aka.ms/WinUI/3.0-figma-toolkit) and [WinUI Gallery](https://www.microsoft.com/store/productId/9P3JFPWWDZRC).
The visual and behavioral changes are built in to [WinUI 3](../winui/index.md). Use WinUI 3 where you can to take advantage of the work that has already been done. If you aren't able to use WinUI 3, consider emulating the styles demonstrated in our [design toolkits](https://www.aka.ms/WinUI/3.0-figma-toolkit) and [WinUI Gallery](https://apps.microsoft.com/detail/9P3JFPWWDZRC).

#### Context menu

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/get-started/windows-developer-faq.yml
Original file line number Diff line number Diff line change
Expand Up @@ -147,7 +147,7 @@ sections:

- [WindowsAppSDK-Samples](https://github.com/microsoft/WindowsAppSDK-Samples): Demonstrates how to use specific Windows App SDK API sets.
- [Windows topic-specific samples](https://github.com/MicrosoftDocs/windows-topic-specific-samples/tree/winui-3/tutorials/winui-notes): This branch contains a WinUI note sample project that is used in the [Create a WinUI app](/windows/apps/tutorials/winui-notes/) tutorial.
- [WinUI Gallery](https://github.com/microsoft/WinUI-Gallery): Showcases WinUI and Windows App SDK. You can also get the [WinUI Gallery in the Microsoft Store](https://www.microsoft.com/store/productId/9P3JFPWWDZRC).
- [WinUI Gallery](https://github.com/microsoft/WinUI-Gallery): Showcases WinUI and Windows App SDK. You can also get the [WinUI Gallery in the Microsoft Store](https://apps.microsoft.com/detail/9P3JFPWWDZRC).
- question: If I have already invested heavily in WPF, should I continue to use WPF or should I consider migrating to WinUI?
answer: |
If you have already invested heavily in WPF, you can continue to use WPF for your existing apps. WPF is a mature and stable framework that is widely used by developers to build Windows desktop apps.
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/performance/choose-between-tools.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ The Visual Studio Performance Profiler is a component of Visual Studio itself an

The Windows Performance Toolkit is downloadable separately as a part of the [Windows Assessment and Deployment Kit](/windows-hardware/get-started/adk-install). However, the command-line Performance Recorder tool is pre-installed with Windows 10 and Windows 11 as `wpr.exe` available on the default path variable from shells like PowerShell and the Command Prompt.

The Performance Analyzer is available as an [application in the Microsoft Store](https://www.microsoft.com/store/productId/9N0W1B2BXGNZ).
The Performance Analyzer is available as an [application in the Microsoft Store](https://apps.microsoft.com/detail/9N0W1B2BXGNZ).

PerfView is available as a standalone download in the [PerfView GitHub Releases](https://github.com/microsoft/perfview/releases) page. No installation is required.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ Apps are single-instanced if there can be only one main process running at a tim

WinUI apps are multi-instanced by default but have the ability to become single-instanced by deciding at launch-time whether to create a new instance or activate an existing instance instead.

The [Microsoft Photos](https://www.microsoft.com/store/productId/9WZDNCRFJBH4) app is a good example of a single instanced WinUI app. When you launch Photos for the first time, a new window will be created. If you attempt to launch Photos again, the existing window will be activated instead.
The [Microsoft Photos](https://apps.microsoft.com/detail/9WZDNCRFJBH4) app is a good example of a single instanced WinUI app. When you launch Photos for the first time, a new window will be created. If you attempt to launch Photos again, the existing window will be activated instead.

For an example of how to implement single instancing in a WinUI 3 app with C#, see [Create a single-instanced WinUI app](applifecycle-single-instance.md).

Expand Down
Loading