Skip to content

Commit 76c99d1

Browse files
authored
Merge pull request #3361 from epapa/ep-snap-layouts
Update Windows 11 snap layouts documentation
2 parents 20f92e8 + 02f1756 commit 76c99d1

File tree

4 files changed

+22
-22
lines changed

4 files changed

+22
-22
lines changed
Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
11
---
2-
description: Apply the snap layout menu in your desktop application.
3-
title: Apply the snap layout menu in desktop apps
2+
description: Support the snap layouts menu in your desktop application.
3+
title: Support snap layouts for desktop apps on Windows 11
44
ms.topic: article
5-
ms.date: 08/12/2021
5+
ms.date: 09/21/2021
66
ms.author: jimwalk
77
author: jwmsft
88
ms.localizationpriority: medium
99
---
1010

11-
# Apply the Snap Layout Menu in desktop apps for Windows 11
11+
# Support snap layouts for desktop apps on Windows 11
1212

13-
The Snap Layout Menu is a key feature in Windows 11 to help introduce users to the power of window snapping. With the menu, users can quickly layout their windows to multitask on larger screens and create an entire layout with Guided Snap Assist by simply hovering the mouse over the maximize button or pressing Win + Z​.
13+
Snap layouts are a new Windows 11 feature to help introduce users to the power of window snapping. Snap layouts are easily accessible by hovering the mouse over a window's maximize button or pressing Win + Z. After invoking the menu that shows the available layouts, users can click on a zone in a layout to snap a window to that particular zone and then use Snap Assist to finish building an entire layout of windows. Snap layouts are tailored to the current screen size and orientation, including support for three side-by-side windows on large landscape screens and top/bottom stacked windows on portrait screens.
1414

1515
:::image type="content" source="./images/apply-design/snap-layout-menu.png" alt-text="The Notepad app on Windows 11 with rounded corners.":::
1616

17-
On Windows 11, if the application has the maximize caption button available, the system automatically provides the snap layout menu for all inbox apps, including all UWP apps, and most other apps. However, some desktop apps may not have the snap layout menu. This topic describes how to allow the snap layout menu to appear if the system does not provide it automatically.
17+
If the app's window has the maximize caption button available, the system will automatically show snap layouts when a user hovers the mouse over the window's maximize button. Snap layouts will appear automatically for most apps, but some desktop apps may not show snap layouts. This topic describes how to make sure your app shows the menu with snap layouts if the system does not show it automatically.
1818

19-
## Why doesn't my app have the snap layout menu?
19+
## Why doesn't my app show the snap layouts menu?
2020

21-
If your application's main window has the maximize caption button available but does not provide the snap layout menu, it may be because you've customized your caption buttons or title bar in a way that prevents it.
21+
If your app's main window has the maximize caption button available but does not show snap layouts, it may be because you've customized your caption buttons or title bar in a way that prevents it.
2222

2323
## How do I fix it?
2424

2525
If you have a custom title bar, you can:​
2626

2727
- Use the [Windows App SDK windowing APIs](../../windows-app-sdk/windowing/windowing-overview.md) and have the platform draw and implement the caption buttons for you​.
2828
- For Win32 apps, make sure you are responding appropriately to [WM_NCHITTEST](/windows/win32/inputdev/wm-nchittest) (with a return value of `HTMAXBUTTON` for the maximize/restore button)​.
29-
- If your app uses [Electron](https://www.electronjs.org/), you can update to the v13 stable release of Electron to enable snap flyouts for your app.
29+
- If your app uses [Electron](https://www.electronjs.org/), update to the v13 stable release of Electron to enable snap layouts.
3030

31-
## What if my window has the snap layout menu but isn't snapping properly?
31+
## What if my app's window shows snap layouts but isn't snapping properly?
3232

33-
If your application can invoke the snap layout menu but isn't able to snap properly to the snap zones, it may be because your application's minimum size is too large for the snap zone to fit properly.
33+
If your app can invoke the menu with snap layouts but isn't able to snap properly to the zone sizes, it's likely that your app's minimum window size is too large for the window to fit in the selected zone.
3434

35-
Your application should support a minimum width of at most 500epx for snapping to work properly. However, we recommend that you support an even smaller minimum width (330epx or less) as it will be compatible with a larger set of devices and snap layouts.
35+
Your app should support a minimum width of at *most* 500 effective pixels (epx) to support snap layouts across the most common screen sizes. However, we recommend that you support an even smaller minimum width (330 epx or less) so that it's compatible with a larger set of devices and snap layouts.

hub/apps/desktop/modernize/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
description: Add modern XAML user interfaces, create MSIX packages, and incorporate other modern components into your desktop application.
33
title: Modernize your desktop apps for Windows
44
ms.topic: article
5-
ms.date: 10/02/2020
5+
ms.date: 09/21/2021
66
ms.author: mcleans
77
author: mcleanbyron
88
ms.localizationpriority: medium
@@ -19,7 +19,7 @@ This article describes the features that you can use in your desktop apps today.
1919
2020
## Apply Windows 11 features
2121

22-
Windows 11 marks a visual evolution of the Windows operating system, and introduces new features that improve app fundamentals and user experience. Many of these features are enabled by default for apps, but desktop apps may require updates to integrate with some new features. These features include rounded corners of top-level windows, the Snap Layout Menu, and the updated context menu in File Explorer.
22+
Windows 11 marks a visual evolution of the Windows operating system, and introduces new features that improve app fundamentals and user experience. Many of these features are enabled by default for apps, but desktop apps may require updates to integrate with some new features. These features include rounded corners of top-level windows, snap layouts, and the updated context menu in File Explorer.
2323

2424
For more information, see [Top 11 things you can do to make your app great on Windows 11](../../get-started/make-apps-great-for-windows.md).
2525

hub/apps/get-started/make-apps-great-for-windows.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
description: The top 11 things you can do to make your app great on Windows 11.
33
title: Top 11 things you can do to make your app great on Windows 11
44
ms.topic: article
5-
ms.date: 08/12/2021
5+
ms.date: 09/21/2021
66
keywords: windows win32, desktop development
77
ms.author: jimwalk
88
author: jwmsft
@@ -99,24 +99,24 @@ We are introducing a new material called _Mica_ that lets the user's desktop bac
9999

100100
[Mica guidance](../design/style/mica.md), [Acrylic guidance](../design/style/acrylic.md)
101101

102-
## 6. Make your Windows use rounded corners and Snap Layout Menu
102+
## 6. Use rounded corners for your windows and support snap layouts
103103

104-
App windows have new features like rounded corners and the Snap Layout Menu that your app will get automatically in most cases. If you've customized you window or title bar, you might need to do some work to make sure these new features are used.
104+
App windows have new features like rounded corners and a menu with snap layouts that your app will automatically receive in most cases. If you've customized your window or title bar, you might need to do some work to make sure these new features are supported.
105105

106106
We rounded the corners of window borders in Windows 11. Our user research team found that rounded geometry psychologically provides a feeling of safety and makes the app's UI much easier to scan. This makes users feel less intimidated and the app feel more engaging. The amount of rounding was also carefully chosen. We worked across the company and user research to balance between feeling professional and being softer and more inviting.
107107

108108
![An image of an app window with rounded corners.](images/great-apps/rounded-corners.png)
109109

110-
The Snap Layout Menu is a key feature in Windows 11 to help introduce users to the power of window snapping. With the menu, users can quickly layout their windows to multitask on larger screens and create an entire layout with Guided Snap Assist by simply hovering the mouse over the maximize button or pressing Win + Z​.
110+
Snap layouts are a new Windows 11 feature to help introduce users to the power of window snapping. Snap layouts are easily accessible by hovering the mouse over a window's maximize button or pressing Win + Z. After invoking the menu that shows the available layouts, users can click on a zone in a layout to snap a window to that particular zone and then use Snap Assist to finish building an entire layout of windows. Snap layouts are tailored to the current screen size and orientation, including support for three side-by-side windows on large landscape screens and top/bottom stacked windows on portrait screens.
111111

112-
- Most apps will automatically receive rounded corners and the Snap Layout Menu, but in some cases you might need to do a little work to get them:
112+
- Most apps will automatically receive rounded corners and support for the menu with snap layouts, but in some cases you might need to do a little work to get them:
113113
- Allow the system to draw your border and shadow.
114114
- If you need to draw your own border and shadow:
115115
- Call our rounding API to opt in. See [Apply rounded corners in desktop apps for Windows 11](../desktop/modernize/apply-rounded-corners.md).
116-
- Use our APIs to have the platform draw and implement the caption buttons. See [Apply the Snap Layout Menu in desktop apps for Windows 11](../desktop/modernize/apply-snap-layout-menu.md).
116+
- Use our APIs to have the platform draw and implement the caption buttons. See [Support snap layouts for desktop apps on Windows 11](../desktop/modernize/apply-snap-layout-menu.md).
117117
- You will get these features automatically if you use UWP or you adopt Windows App SDK windowing to:
118118
- Configure the style of your window using the pre-defined templates.
119-
- Customize the TitleBar of your windows.
119+
- Customize the title bar of your windows.
120120

121121
## 7. Support Dark and Light themes
122122

hub/apps/toc.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -139,7 +139,7 @@
139139
href: get-started/make-apps-great-for-windows.md
140140
- name: Apply rounded corners in Windows 11
141141
href: desktop/modernize/apply-rounded-corners.md
142-
- name: Apply the Snap Layout Menu
142+
- name: Support snap layouts on Windows 11
143143
href: desktop/modernize/apply-snap-layout-menu.md
144144
- name: Call Windows Runtime APIs
145145
items:

0 commit comments

Comments
 (0)