使用外发光位图效果
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 可用于创建可放置在文本对象后面的类似于阴影的效果。应用于文本的模糊位图效果会使文本在各个方向上均匀地产生模糊效果。
下面的示例演示应用于文本的模糊效果。
下面的代码示例演示如何创建模糊效果。
<!-- 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>