mirror of
https://github.com/Stone-Red-Code/docs-desktop.git
synced 2026-09-07 23:43:19 +02:00
Andy (Steve) De George
be103da07e
* net-current-v30plus-md.md * net-current-v40plus-md.md * tla2sharptla-ui-md.md * tla2sharptla-uiautomation-md.md * tla2sharptla-winclient-md.md * tla2sharptla-xaml-md.md * tlasharptla-ui-md.md * tlasharptla-uiautomation-md.md * tlasharptla-winclient-md.md * tlasharptla-xaml-md.md * fix warnings
58 lines
4.0 KiB
Markdown
58 lines
4.0 KiB
Markdown
---
|
|
title: "How to: Create Text with a Shadow"
|
|
ms.date: "03/30/2017"
|
|
helpviewer_keywords:
|
|
- "typography [WPF], shadow effects"
|
|
- "shadow effects in text [WPF]"
|
|
- "text [WPF], shadowed"
|
|
ms.assetid: 6ab9c754-6001-4708-b479-5367f2fd1a35
|
|
---
|
|
# How to: Create Text with a Shadow
|
|
The examples in this section show how to create a shadow effect for displayed text.
|
|
|
|
## Example
|
|
The <xref:System.Windows.Media.Effects.DropShadowEffect> object allows you to create a variety of drop shadow effects for Windows Presentation Foundation (WPF) objects. The following example shows a drop shadow effect applied to text. In this case, the shadow is a soft shadow, which means the shadow color blurs.
|
|
|
|
|
|
|
|
You can control the width of a shadow by setting the <xref:System.Windows.Media.Effects.DropShadowEffect.ShadowDepth%2A> property. A value of `4.0` indicates a shadow width of 4 pixels. You can control the softness, or blur, of a shadow by modifying the <xref:System.Windows.Media.Effects.DropShadowEffect.BlurRadius%2A> property. A value of `0.0` indicates no blurring. The following code example shows how to create a soft shadow.
|
|
|
|
[!code-xaml[TextShadowSnippets#TextShadowSnippet1](~/samples/snippets/csharp/VS_Snippets_Wpf/TextShadowSnippets/CS/SingleShadows.xaml#textshadowsnippet1)]
|
|
|
|
> [!NOTE]
|
|
> These shadow effects do not go through the Windows Presentation Foundation (WPF) text rendering pipeline. As a result, ClearType is disabled when using these effects.
|
|
|
|
The following example shows a hard drop shadow effect applied to text. In this case, the shadow is not blurred.
|
|
|
|
|
|
|
|
You can create a hard shadow by setting the <xref:System.Windows.Media.Effects.DropShadowEffect.BlurRadius%2A> property to `0.0`, which indicates that no blurring is used. You can control the direction of the shadow by modifying the <xref:System.Windows.Media.Effects.DropShadowEffect.Direction%2A> property. Set the directional value of this property to a degree between `0` and `360`. The following illustration shows the directional values of the <xref:System.Windows.Media.Effects.DropShadowEffect.Direction%2A> property setting.
|
|
|
|
|
|
|
|
The following code example shows how to create a hard shadow.
|
|
|
|
[!code-xaml[TextShadowSnippets#TextShadowSnippet2](~/samples/snippets/csharp/VS_Snippets_Wpf/TextShadowSnippets/CS/SingleShadows.xaml#textshadowsnippet2)]
|
|
|
|
## Using a Blur Effect
|
|
A <xref:System.Windows.Media.Effects.BlurBitmapEffect> can be used to create a shadow-like effect that can be placed behind a text object. A blur bitmap effect applied to text blurs the text evenly in all directions.
|
|
|
|
The following example shows a blur effect applied to text.
|
|
|
|
|
|
|
|
The following code example shows how to create a blur effect.
|
|
|
|
[!code-xaml[TextShadowSnippets#TextShadowSnippet6](~/samples/snippets/csharp/VS_Snippets_Wpf/TextShadowSnippets/CS/BlurShadows.xaml#textshadowsnippet6)]
|
|
|
|
## Using a Translate Transform
|
|
A <xref:System.Windows.Media.TranslateTransform> can be used to create a shadow-like effect that can be placed behind a text object.
|
|
|
|
The following code example uses a <xref:System.Windows.Media.TranslateTransform> to offset text. In this example, a slightly offset copy of text below the primary text creates a shadow effect.
|
|
|
|
|
|
|
|
The following code example shows how to create a transform for a shadow effect.
|
|
|
|
[!code-xaml[TextShadowSnippets#TextShadowSnippet7](~/samples/snippets/csharp/VS_Snippets_Wpf/TextShadowSnippets/CS/TransformShadows.xaml#textshadowsnippet7)]
|