WPF-创建具有阴影的文本

使用外发光位图效果

OuterGlowBitmapEffect 可用于创建类似于阴影的效果。但是，与 DropShadowBitmapEffect（按照指定的方向呈现）不同的是，外发光会均衡地发散到文本后面。

下面的示例演示应用于文本的外发光效果。

具有外发光效果的文本的示例

可以通过设置 GlowSize 属性来控制外发光的宽度。值 4.0 表示外发光的宽度为 4 个像素。下面的代码示例演示如何创建外发光效果。

XAML

<!-- Shadow effect by creating an outer glow. -->
<TextBlock
  Text="Shadow Text"
  Foreground="SteelBlue">
  <TextBlock.BitmapEffect>
    <OuterGlowBitmapEffect
      GlowSize="4.0"
      GlowColor="Orange"
      Opacity="1.0"/>
  </TextBlock.BitmapEffect>
</TextBlock>

使用模糊位图效果

BlurBitmapEffect 可用于创建可放置在文本对象后面的类似于阴影的效果。应用于文本的模糊位图效果会使文本在各个方向上均匀地产生模糊效果。

下面的示例演示应用于文本的模糊效果。

具有模糊效果的文本的示例

下面的代码示例演示如何创建模糊效果。

XAML

<!-- Shadow effect by creating a blur. -->
<TextBlock
  Text="Shadow Text"
  Foreground="Green"
  Grid.Column="0" Grid.Row="0" >
  <TextBlock.BitmapEffect>
    <BlurBitmapEffect
      Radius="8.0"
      KernelType="Box"/>
  </TextBlock.BitmapEffect>
</TextBlock>
<TextBlock
  Text="Shadow Text"
  Foreground="Maroon"
  Grid.Column="0" Grid.Row="0" />

使用转换变换

TranslateTransform 可用来创建可放置在文本对象后面的类似于阴影的效果。

下面的代码示例使用 TranslateTransform 来偏移文本。在本示例中，原始文本下方略微偏移的文本副本产生了阴影效果。

针对阴影效果使用转换功能的文本的示例

下面的代码示例演示如何为阴影效果创建转换。

XAML

<!-- Shadow effect by creating a transform. -->
<TextBlock
  Foreground="Black"
  Text="Shadow Text"
  Grid.Column="0" Grid.Row="0">
  <TextBlock.RenderTransform>
    <TranslateTransform X="3" Y="3" />
  </TextBlock.RenderTransform>
</TextBlock>
<TextBlock
  Foreground="Coral"
  Text="Shadow Text"
  Grid.Column="0" Grid.Row="0">
</TextBlock>

具有强烈阴影、柔和阴影以及噪点的文本的示例

具有强烈阴影和柔和阴影的文本的示例

DropShadow 方向关系图

具有强烈阴影的文本的示例

具有柔和阴影的文本的示例