稳扎稳打Silverlight（38） - 3.0滤镜之BlurEffect,DropShadowEffect,自定义滤

稳扎稳打Silverlight（38） - 3.0滤镜之BlurEffect,DropShadowEffect,自定义滤2010-05-10 博客园 webabcd返回“”

稳扎稳打Silverlight（38） - 3.0滤镜之BlurEffect,DropShadowEffect,自定义滤镜,3D效果之PlaneProjection,位图API之WriteableBitmap

介绍

Silverlight 3.0 图形系统的相关新增功能

BlurEffect - 模糊滤镜

DropShadowEffect - 阴影滤镜

自定义滤镜

PlaneProjection - 将平面的 UIElement 映射到 3D

WriteableBitmap - 位图 API（Bitmap API）

在线DEMO

http://www.cnblogs.com/webabcd/archive/2009/08/04/1538238.html

示例

1、模糊滤镜（BlurEffect）的演示

BlurEffect.xaml

<navigation:Page x:Class="Silverlight30.Graphic.BlurEffect"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
d:DesignWidth="640" d:DesignHeight="480"
Title="BlurEffect Page">
<Grid x:Name="LayoutRoot">
<StackPanel>

<！--
滤镜效果之 Blur
BlurEffect - 模糊效果
BlurEffect.Radius - 模糊半径。越大越模糊，默认值为 5
-->

<Image Source="/Resource/Logo.jpg">
<Image.Effect>
<BlurEffect x:Name="blurEffect" Radius="5" />
</Image.Effect>
</Image>

<Slider Width="500" Minimum="0" Maximum="10" Value="{Binding Radius, Mode=TwoWay, ElementName=blurEffect}" />

</StackPanel>
</Grid>
</navigation:Page>