86.SilverLight3 - Effect : BlurEffect, DropShadowEffect
- BlurEffect : 블러 효과로 뿌옇게 보여줌
- DropShadowEffect : 그림자 효과
| MainPage.xaml [Expression Blend 3] |
기본 버튼 3개 추가하기
[그림 86-1] |
| MainPage.xaml [Expression Blend 3] |
자산 - 효과 - BlurEffect(블러), DropShadowEffect(그림자)
[그림 86-2] |
| 결과확인 |
[그림 86-3] |
| 소스코드 |
|
<UserControl x:Class="BlurEffecDropShadowEffect.MainPage" 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" d:DesignHeight="300" d:DesignWidth="400"> <Grid x:Name="LayoutRoot" Background="White"> <Button Height="33" HorizontalAlignment="Left" Margin="8,8,0,0" VerticalAlignment="Top" Width="159" Content="기본 모양"/> <Button Height="33" HorizontalAlignment="Left" Margin="8,54,0,0" VerticalAlignment="Top" Width="159" Content="블러 효과"> <Button.Effect> <BlurEffect/> </Button.Effect> </Button> <Button Height="33" Margin="8,100,0,0" VerticalAlignment="Top" Content="그림자 효과" HorizontalAlignment="Left" Width="159"> <Button.Effect> <DropShadowEffect/> </Button.Effect> </Button> </Grid> </UserControl> |