Silverlight

86.SilverLight3 - Effect : BlurEffect, DropShadowEffect

Godffs 2009. 12. 7. 15:14
반응형
Effect ( 효과 )
- 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>


반응형