BlurEffect模糊特效

BlurEffect模糊特效，它可以產生類似相機的調整焦距的效果，根據屬性值的不同可以產生不同的Blur效果常用屬性為Radius，下面的例子，是對一個UI的模糊：

XAML：

<UserControl.Resources><Storyboard x:Name="animBlur"><DoubleAnimation Storyboard.TargetName="blur" Storyboard.TargetProperty="Radius" From="0" To="15" Duration="00:00:01" /></Storyboard><Storyboard x:Name="animOld"><DoubleAnimation Storyboard.TargetName="blur" Storyboard.TargetProperty="Radius" From="15" To="0" Duration="00:00:01" /></Storyboard></UserControl.Resources><StackPanel x:Name="LayoutRoot" Background="White"><StackPanel.Effect><BlurEffect x:Name="blur" Radius="0" /></StackPanel.Effect><TextBlock Text="BlurEffect 動畫特效" FontSize="22" Margin="5"/><Image Stretch="None" Source="../images/flower.jpg" Margin="10"></Image><Button Width="120" Height="30" FontSize="15" Content="播放Blur動畫" Click="Button_Click" /></StackPanel>

C#：

private void Button_Click(object sender, RoutedEventArgs e){if (blur.Radius == 0){animBlur.Begin();}else{animOld.Begin();}}

運行結果：

?

DropShadowEffect 投影特效

投影特效，可以根據不同屬性設置偏移量來產生一種燈光投影的效果，可以設置陰影的距離、透明度、投射角度。

常用屬性如下：

Color：設置投影的顏色，默認為（黑色）

BlurRadius：控制元素邊緣的模糊程度，默認為5

Direction：控制投影的投射方向，范圍在0~360之間。

Opacity：控件邊緣的透明度。

ShadowDepth：控制投影平面與元素平面的距離，屬性值的范圍在0~300.

下面來看一個制做投影 的例子：

<Grid x:Name="LayoutRoot" Background="White"><TextBlock Text="DropShadowEffect 陰影文字" FontFamily="Arial Black" FontSize="50" Margin="10" FontWeight="Bold"><TextBlock.Effect><DropShadowEffect Color="Black" Opacity="0.8" BlurRadius="10" ShadowDepth="15" /></TextBlock.Effect></TextBlock></Grid>

運行結果：

利用投影效果 制作發光字：

<Grid x:Name="LayoutRoot" Background="Black"><TextBlock Text="DropShadowEffect 陰影文字" Foreground="White" FontFamily="Arial Black" FontSize="50" Margin="10" FontWeight="Bold"><TextBlock.Effect><DropShadowEffect Color="Yellow" Opacity="0.8" BlurRadius="10" ShadowDepth="15" /></TextBlock.Effect></TextBlock></Grid>

運行結果：

總結

以上是生活随笔為你收集整理的Silverlight开发历程—模糊特效与投影特效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。