Skip to content

Commit 7afa0c4

Browse files
authored
Merge branch 'jimwalk/m-move-visual-layer' into niels9001/composition
2 parents 17719f6 + 251c34e commit 7afa0c4

49 files changed

Lines changed: 291 additions & 4682 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

.openpublishing.redirection.json

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11044,6 +11044,111 @@
1104411044
"source_path": "hub/apps/design/signature-experiences/iconography.md",
1104511045
"redirect_url": "/windows/apps/design/iconography",
1104611046
"redirect_document_id": false
11047+
},
11048+
{
11049+
"source_path": "uwp/composition/composition-animation.md",
11050+
"redirect_url": "/windows/apps/develop/composition/composition-animation",
11051+
"redirect_document_id": false
11052+
},
11053+
{
11054+
"source_path": "uwp/composition/composition-brushes.md",
11055+
"redirect_url": "/windows/apps/develop/composition/composition-brushes",
11056+
"redirect_document_id": false
11057+
},
11058+
{
11059+
"source_path": "uwp/composition/composition-effects.md",
11060+
"redirect_url": "/windows/apps/develop/composition/composition-effects",
11061+
"redirect_document_id": false
11062+
},
11063+
{
11064+
"source_path": "uwp/composition/composition-lighting.md",
11065+
"redirect_url": "/windows/apps/develop/composition/composition-lighting",
11066+
"redirect_document_id": false
11067+
},
11068+
{
11069+
"source_path": "uwp/composition/composition-native-interop.md",
11070+
"redirect_url": "/windows/apps/develop/composition/composition-native-interop",
11071+
"redirect_document_id": false
11072+
},
11073+
{
11074+
"source_path": "uwp/composition/composition-shadows.md",
11075+
"redirect_url": "/windows/apps/develop/composition/composition-shadows",
11076+
"redirect_document_id": false
11077+
},
11078+
{
11079+
"source_path": "uwp/composition/composition-tailoring.md",
11080+
"redirect_url": "/windows/apps/develop/composition/composition-tailoring",
11081+
"redirect_document_id": false
11082+
},
11083+
{
11084+
"source_path": "uwp/composition/composition-visual-tree.md",
11085+
"redirect_url": "/windows/apps/develop/composition/composition-visual-tree",
11086+
"redirect_document_id": false
11087+
},
11088+
{
11089+
"source_path": "uwp/composition/inertia-modifiers.md",
11090+
"redirect_url": "/windows/apps/develop/composition/inertia-modifiers",
11091+
"redirect_document_id": false
11092+
},
11093+
{
11094+
"source_path": "uwp/composition/input-driven-animations.md",
11095+
"redirect_url": "/windows/apps/develop/composition/input-driven-animations",
11096+
"redirect_document_id": false
11097+
},
11098+
{
11099+
"source_path": "uwp/composition/interaction-tracker-manipulations.md",
11100+
"redirect_url": "/windows/apps/develop/composition/interaction-tracker-manipulations",
11101+
"redirect_document_id": false
11102+
},
11103+
{
11104+
"source_path": "uwp/composition/natural-animations.md",
11105+
"redirect_url": "/windows/apps/develop/composition/natural-animations",
11106+
"redirect_document_id": false
11107+
},
11108+
{
11109+
"source_path": "uwp/composition/pointer-input-animations.md",
11110+
"redirect_url": "/windows/apps/develop/composition/pointer-input-animations",
11111+
"redirect_document_id": false
11112+
},
11113+
{
11114+
"source_path": "uwp/composition/relation-animations.md",
11115+
"redirect_url": "/windows/apps/develop/composition/relation-animations",
11116+
"redirect_document_id": false
11117+
},
11118+
{
11119+
"source_path": "uwp/composition/scroll-input-animations.md",
11120+
"redirect_url": "/windows/apps/develop/composition/scroll-input-animations",
11121+
"redirect_document_id": false
11122+
},
11123+
{
11124+
"source_path": "uwp/composition/source-modifiers.md",
11125+
"redirect_url": "/windows/apps/develop/composition/source-modifiers",
11126+
"redirect_document_id": false
11127+
},
11128+
{
11129+
"source_path": "uwp/composition/spring-animations.md",
11130+
"redirect_url": "/windows/apps/develop/composition/spring-animations",
11131+
"redirect_document_id": false
11132+
},
11133+
{
11134+
"source_path": "uwp/composition/time-animations.md",
11135+
"redirect_url": "/windows/apps/develop/composition/time-animations",
11136+
"redirect_document_id": false
11137+
},
11138+
{
11139+
"source_path": "uwp/composition/using-the-visual-layer-with-xaml.md",
11140+
"redirect_url": "/windows/apps/develop/composition/using-the-visual-layer-with-xaml",
11141+
"redirect_document_id": false
11142+
},
11143+
{
11144+
"source_path": "uwp/composition/visual-layer.md",
11145+
"redirect_url": "/windows/apps/develop/composition/visual-layer",
11146+
"redirect_document_id": false
11147+
},
11148+
{
11149+
"source_path": "uwp/composition/xaml-lighting.md",
11150+
"redirect_url": "/windows/apps/develop/composition/xaml-lighting",
11151+
"redirect_document_id": false
1104711152
}
1104811153
]
1104911154
}

hub/apps/design/accessibility/control-patterns-and-interfaces.md

Lines changed: 41 additions & 43 deletions
Large diffs are not rendered by default.

hub/apps/develop/composition/composition-animation.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
55
ms.topic: article
66
ms.localizationpriority: medium
77
---
8-
# Composition animations for WinUI
8+
# Composition animations
99

1010
The Microsoft.UI.Composition APIs allow you to create, animate, transform, and manipulate compositor objects in a unified API layer. Composition animations provide a powerful and efficient way to run animations in your WinUI app UI. They have been designed from the ground up to ensure that your animations run at 60 FPS independent of the UI thread and to give you the flexibility to build amazing experiences using not only time, but input and other properties, to drive animations.
1111

hub/apps/develop/composition/composition-brushes.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ ms.topic: article
66
ms.custom: 19H1
77
ms.localizationpriority: medium
88
---
9-
# Composition brushes in WinUI
9+
# Composition brushes
1010
Everything visible on your screen in a WinUI app is visible because it was painted by a brush. Brushes enable you to paint user interface (UI) objects with content ranging from simple solid colors to images, drawings, and complex effect chains. This topic introduces the concepts of painting with CompositionBrush.
1111

1212
When working with a WinUI XAML app, you can choose to paint a UIElement with a [XAML brush](/windows/apps/design/style/brushes) or a [CompositionBrush](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.compositionbrush). Typically, it is easier to choose a XAML brush if your scenario is already supported by one. For example, animating the color of a button or changing the fill of text or a shape with an image. If you need something that is not supported by a XAML brush, such as an animated mask, an animated nine-grid stretch, or an effect chain, you can use a CompositionBrush to paint a UIElement through [XamlCompositionBrushBase](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.media.xamlcompositionbrushbase).

hub/apps/develop/composition/composition-effects.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
55
ms.topic: article
66
ms.localizationpriority: medium
77
---
8-
# Composition effects in WinUI
8+
# Composition effects
99

1010
The [**Microsoft.UI.Composition**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition) APIs allow real-time effects to be applied to images and UI with animatable effect properties. In this overview, we’ll walk through the functionality that lets you apply effects to a composition visual in WinUI and Windows App SDK apps.
1111

hub/apps/develop/composition/composition-lighting.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
55
ms.topic: concept-article
66
ms.localizationpriority: medium
77
---
8-
# Using lights in WinUI
8+
# Using lights
99

1010
The Microsoft.UI.Composition APIs in the Windows App SDK enable you to create real-time animations and effects. Composition lighting enables 3D lighting in 2D applications. In this overview, we will run through the functionality of how to set up composition lights, identify visuals to receive each light, and use effects to define materials for your content.
1111

hub/apps/develop/composition/composition-native-interop.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ ms.topic: article
66
ms.localizationpriority: medium
77
---
88

9-
# Composition native interoperation with DirectX and Direct2D for WinUI
9+
# Composition native interoperation with DirectX and Direct2D
1010

1111
> [!IMPORTANT]
1212
> This article is being adapted from UWP documentation for Windows App SDK/WinUI. Some code examples in this article still reference UWP-specific APIs such as `CoreWindow`, `CoreApplicationView`, and `CoreDispatcher`, which are **not available** in WinUI/Windows App SDK. The WinUI equivalents are:

hub/apps/develop/composition/composition-shadows.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
55
ms.topic: article
66
ms.localizationpriority: medium
77
---
8-
# Composition shadows in WinUI
8+
# Composition shadows
99

1010
The [DropShadow](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.dropshadow) class provides means of creating a configurable shadow that can be applied to a [SpriteVisual](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.spritevisual) or [LayerVisual](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.layervisual) (subtree of Visuals). As is customary for objects in the Visual Layer, all properties of the DropShadow can be animated using CompositionAnimations.
1111

hub/apps/develop/composition/composition-tailoring.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
55
ms.topic: how-to
66
ms.localizationpriority: medium
77
---
8-
# Tailoring effects and experiences in WinUI
8+
# Tailoring effects and experiences
99

1010
WinUI provides many beautiful effects, animations, and means for differentiation. However, meeting user expectations for performance and customizability is still a necessary part of creating successful applications. Windows App SDK apps can run across a large, diverse family of Windows devices and configurations, which have different features and capabilities. In order to provide an inclusive experience for all your users, you need to ensure your applications scale across devices and respect user preferences. UI tailoring can provide an efficient way to leverage a device’s capabilities and ensure a pleasant and inclusive user experience.
1111

hub/apps/develop/composition/composition-visual-tree.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
---
2-
title: Composition visuals in WinUI apps
2+
title: Composition visuals
33
description: Composition visuals make up the visual tree structure that Microsoft.UI.Composition uses in WinUI and Windows App SDK apps. You can create one or many visual objects, each representing a single node in a visual tree.
44
ms.date: 03/16/2026
55
ms.topic: article
66
ms.localizationpriority: medium
77
---
8-
# Composition visuals in WinUI apps
8+
# Composition visuals
99

1010
Composition Visuals make up the visual tree structure that all other features of the Microsoft.UI.Composition API use and build on. The API allows developers to define and create one or many visual objects, each representing a single node in a visual tree.
1111

0 commit comments

Comments
 (0)