Blog Content

    티스토리 뷰

    86.SilverLight3 - Effect : BlurEffect, DropShadowEffect

    반응형
    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>


    반응형

    Comments