MICROSOFT Archives - 9 중 3 번째 페이지

[C#/SILVERLIGHT] Storyboard 클래스 : TargetName 첨부 속성을 사용해 속성 직접 설정하기

■ Storyboard 클래스의 TargetName 첨부 속성을 사용해 속성을 직접 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid>
    <Grid.Resources>
        <Storyboard x:Name="storyboard">
            <ColorAnimation
                Storyboard.TargetName="solidColorBrush"
                Storyboard.TargetProperty="Color"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="00:00:01"
                From="Blue"
                To="Yellow" />
        </Storyboard>
    </Grid.Resources>
    <Rectangle
        Width="200"
        Height="200"
        StrokeThickness="10"
        Stroke="Blue"
        MouseLeftButtonDown="rectangle_MouseLeftButtonDown">
        <Rectangle.Fill>
            <SolidColorBrush x:Name="solidColorBrush"
                Color="Blue" />
        </Rectangle.Fill>
    </Rectangle>
</Grid>

<Grid>

<Grid.Resources>

<ColorAnimation

Storyboard.TargetName="solidColorBrush"

Storyboard.TargetProperty="Color"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="00:00:01"

From="Blue"

To="Yellow" />

</Storyboard>

</Grid.Resources>

<Rectangle

Width="200"

Height="200"

StrokeThickness="10"

Stroke="Blue"

MouseLeftButtonDown="rectangle_MouseLeftButtonDown">

<Rectangle.Fill>

<SolidColorBrush x:Name="solidColorBrush"

Color="Blue" />

</Rectangle.Fill>

</Rectangle>

</Grid>

▶ 예제 코드 (C#)


using System.Windows.Input;

#region 사각형 마우스 왼쪽 버튼 DOWN시 처리하기 - rectangle_MouseLeftButtonDown(sender, e)

/// <summary>
/// 사각형 마우스 왼쪽 버튼 DOWN시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void rectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

#region 사각형 마우스 왼쪽 버튼 DOWN시 처리하기 - rectangle_MouseLeftButtonDown(sender, e)

/// <summary>

/// 사각형 마우스 왼쪽 버튼 DOWN시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void rectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

this.storyboard.Begin();

}

#endregion

[C#/SILVERLIGHT] MultiScaleImage 엘리먼트 사용하기

■ MultiScaleImage 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<MultiScaleImage
    x:Name="multiScaleImage"
    Source="/Source/dzc_output.xml"
    ImageOpenSucceeded="multiScaleImage_ImageOpenSucceeded"
    MouseLeftButtonDown="multiScaleImage_MouseLeftButtonDown"
    MouseMove="multiScaleImage_MouseMove"
    MouseLeftButtonUp="multiScaleImage_MouseLeftButtonUp"
    MouseLeave="multiScaleImage_MouseLeave"
    MotionFinished="multiScaleImage_MotionFinished" />

<MultiScaleImage

x:Name="multiScaleImage"

Source="/Source/dzc_output.xml"

ImageOpenSucceeded="multiScaleImage_ImageOpenSucceeded"

MouseLeftButtonDown="multiScaleImage_MouseLeftButtonDown"

MouseMove="multiScaleImage_MouseMove"

MouseLeftButtonUp="multiScaleImage_MouseLeftButtonUp"

MouseLeave="multiScaleImage_MouseLeave"

MotionFinished="multiScaleImage_MotionFinished" />

▶ 예제 코드 (C#)


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

...

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : UserControl
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 마지막 마우스 위치
    /// </summary>
    private Point lastMousePoint = new Point();

    /// <summary>
    /// 마지막 뷰포트 원점
    /// </summary>
    private Point lastViewportOriginPoint = new Point();

    /// <summary>
    /// 드래그 여부
    /// </summary>
    private bool isDragging = false;

    /// <summary>
    /// 오픈 여부
    /// </summary>
    private bool isOpen = false;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 멀티 스케일 이미지 이미지 오픈 성공시 처리하기 - multiScaleImage_ImageOpenSucceeded(sender, e)

    /// <summary>
    /// 멀티 스케일 이미지 이미지 오픈 성공시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void multiScaleImage_ImageOpenSucceeded(object sender, RoutedEventArgs e)
    {
        this.isOpen = true;
    }

    #endregion

    #region 멀티 스케일 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - multiScaleImage_MouseLeftButtonDown(sender, e)

    /// <summary>
    /// 멀티 스케일 이미지 마우스 왼쪽 버튼 DOWN시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void multiScaleImage_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        this.lastMousePoint = e.GetPosition(this.multiScaleImage);

        this.lastViewportOriginPoint = this.multiScaleImage.ViewportOrigin;

        this.isDragging = true;
    }

    #endregion

    #region 멀티 스케일 이미지 마우스 이동시 처리하기 - multiScaleImage_MouseMove(sender, e)

    /// <summary>
    /// 멀티 스케일 이미지 마우스 이동시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void multiScaleImage_MouseMove(object sender, MouseEventArgs e)
    {
        if(this.isDragging)
        {
            Point currentViewportOriginPoint = this.lastViewportOriginPoint;
            Point currentMousePositionPoint  = e.GetPosition(this.multiScaleImage);

            currentViewportOriginPoint.X += (this.lastMousePoint.X - currentMousePoint.X) /
                this.multiScaleImage.ActualWidth * this.multiScaleImage.ViewportWidth;

            currentViewportOriginPoint.Y += (this.lastMousePoint.Y - currentMousePoint.Y) /
                this.multiScaleImage.ActualWidth * this.multiScaleImage.ViewportWidth;

            this.multiScaleImage.ViewportOrigin = currentViewportOriginPoint;
        }
    }

    #endregion

    #region 멀티 스케일 이미지 마우스 왼쪽 버튼 UP시 처리하기 - multiScaleImage_MouseLeftButtonUp(sender, e)

    /// <summary>
    /// 멀티 스케일 이미지 마우스 왼쪽 버튼 UP시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void multiScaleImage_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        this.isDragging = false;

        this.multiScaleImage.UseSprings = true;
    }

    #endregion

    #region 멀티 스케일 이미지 마우스 이탈시 처리하기 - multiScaleImage_MouseLeave(sender, e)

    /// <summary>
    /// 멀티 스케일 이미지 마우스 이탈시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void multiScaleImage_MouseLeave(object sender, MouseEventArgs e)
    {
        if(this.isDragging)
        {
            this.isDragging = false;
        }
    }

    #endregion

    #region 멀티 스케일 이미지 동작 종료시 처리하기 - multiScaleImage_MotionFinished(sender, e)

    /// <summary>
    /// 멀티 스케일 이미지 동작 종료시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void multiScaleImage_MotionFinished(object sender, RoutedEventArgs e)
    {
        if(this.isOpen)
        {
            this.isOpen = false;

            this.multiScaleImage.ViewportOrigin = new Point(0d, 0d);
            this.multiScaleImage.ViewportWidth  = 1d;

            //this.multiScaleImage.ViewportOrigin = new Point(-0.4d, -0.1d);
            //this.multiScaleImage.ViewportWidth  = 1.8d;
        }
    }

    #endregion
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Input;

...

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : UserControl

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 마지막 마우스 위치

/// </summary>

private Point lastMousePoint = new Point();

/// <summary>

/// 마지막 뷰포트 원점

/// </summary>

private Point lastViewportOriginPoint = new Point();

/// <summary>

/// 드래그 여부

/// </summary>

private bool isDragging = false;

/// <summary>

/// 오픈 여부

/// </summary>

private bool isOpen = false;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 멀티 스케일 이미지 이미지 오픈 성공시 처리하기 - multiScaleImage_ImageOpenSucceeded(sender, e)

/// <summary>

/// 멀티 스케일 이미지 이미지 오픈 성공시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void multiScaleImage_ImageOpenSucceeded(object sender, RoutedEventArgs e)

{

this.isOpen = true;

}

#endregion

#region 멀티 스케일 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - multiScaleImage_MouseLeftButtonDown(sender, e)

/// <summary>

/// 멀티 스케일 이미지 마우스 왼쪽 버튼 DOWN시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void multiScaleImage_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

this.lastMousePoint = e.GetPosition(this.multiScaleImage);

this.lastViewportOriginPoint = this.multiScaleImage.ViewportOrigin;

this.isDragging = true;

}

#endregion

#region 멀티 스케일 이미지 마우스 이동시 처리하기 - multiScaleImage_MouseMove(sender, e)

/// <summary>

/// 멀티 스케일 이미지 마우스 이동시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void multiScaleImage_MouseMove(object sender, MouseEventArgs e)

{

if(this.isDragging)

{

Point currentViewportOriginPoint = this.lastViewportOriginPoint;

Point currentMousePositionPoint = e.GetPosition(this.multiScaleImage);

currentViewportOriginPoint.X += (this.lastMousePoint.X - currentMousePoint.X) /

this.multiScaleImage.ActualWidth * this.multiScaleImage.ViewportWidth;

currentViewportOriginPoint.Y += (this.lastMousePoint.Y - currentMousePoint.Y) /

this.multiScaleImage.ActualWidth * this.multiScaleImage.ViewportWidth;

this.multiScaleImage.ViewportOrigin = currentViewportOriginPoint;

}

#endregion

#region 멀티 스케일 이미지 마우스 왼쪽 버튼 UP시 처리하기 - multiScaleImage_MouseLeftButtonUp(sender, e)

/// <summary>

/// 멀티 스케일 이미지 마우스 왼쪽 버튼 UP시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void multiScaleImage_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)

{

this.isDragging = false;

this.multiScaleImage.UseSprings = true;

}

#endregion

#region 멀티 스케일 이미지 마우스 이탈시 처리하기 - multiScaleImage_MouseLeave(sender, e)

/// <summary>

/// 멀티 스케일 이미지 마우스 이탈시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void multiScaleImage_MouseLeave(object sender, MouseEventArgs e)

{

if(this.isDragging)

{

this.isDragging = false;

}

#endregion

#region 멀티 스케일 이미지 동작 종료시 처리하기 - multiScaleImage_MotionFinished(sender, e)

/// <summary>

/// 멀티 스케일 이미지 동작 종료시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void multiScaleImage_MotionFinished(object sender, RoutedEventArgs e)

{

if(this.isOpen)

{

this.isOpen = false;

this.multiScaleImage.ViewportOrigin = new Point(0d, 0d);

this.multiScaleImage.ViewportWidth = 1d;

//this.multiScaleImage.ViewportOrigin = new Point(-0.4d, -0.1d);

//this.multiScaleImage.ViewportWidth = 1.8d;

}

#endregion

}

※ Deep Zoom Composer에서 만든 "Exported

[C#/SILVERLIGHT] MultiScaleImage 클래스 : ZoomAboutLogicalPoint 메소드 사용하기

■ MultiScaleImage 클래스의 ZoomAboutLogicalPoint 메소드를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Controls;
using System.Windows.Input;

...

MultiScaleImage multiScaleImage;

...

multiScaleImage.MouseEnter += multiScaleImage_MouseEnter;
multiScaleImage.MouseLeave += multiScaleImage_MouseLeave;

...

#region 멀티 스케일 이미지 마우스 진입시 처리하기 - multiScaleImage_MouseEnter(sender, e)

/// <summary>
/// 멀티 스케일 이미지 마우스 진입시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void multiScaleImage_MouseEnter(object sender, MouseEventArgs e)
{
    MultiScaleImage multiScaleImage = sender as MultiScaleImage;

    multiScaleImage.ZoomAboutLogicalPoint(2d, 0.5, 0.5);
}

#endregion

#region 멀티 스케일 이미지 마우스 이탈시 처리하기 - multiScaleImage_MouseLeave(sender, e)

/// <summary>
/// 멀티 스케일 이미지 마우스 이탈시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void multiScaleImage_MouseLeave(object sender, MouseEventArgs e)
{
    MultiScaleImage multiScaleImage = sender as MultiScaleImage;

    multiScaleImage.ZoomAboutLogicalPoint(0.5d, 0.5d, 0.5d);
}

#endregion

using System.Windows.Controls;

using System.Windows.Input;

...

MultiScaleImage multiScaleImage;

...

multiScaleImage.MouseEnter += multiScaleImage_MouseEnter;

multiScaleImage.MouseLeave += multiScaleImage_MouseLeave;

...

#region 멀티 스케일 이미지 마우스 진입시 처리하기 - multiScaleImage_MouseEnter(sender, e)

/// <summary>

/// 멀티 스케일 이미지 마우스 진입시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void multiScaleImage_MouseEnter(object sender, MouseEventArgs e)

{

MultiScaleImage multiScaleImage = sender as MultiScaleImage;

multiScaleImage.ZoomAboutLogicalPoint(2d, 0.5, 0.5);

}

#endregion

#region 멀티 스케일 이미지 마우스 이탈시 처리하기 - multiScaleImage_MouseLeave(sender, e)

/// <summary>

/// 멀티 스케일 이미지 마우스 이탈시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void multiScaleImage_MouseLeave(object sender, MouseEventArgs e)

{

MultiScaleImage multiScaleImage = sender as MultiScaleImage;

multiScaleImage.ZoomAboutLogicalPoint(0.5d, 0.5d, 0.5d);

}

#endregion

[C#/SILVERLIGHT] 웹 브라우저 마우스 휠 이벤트 처리하기

■ 웹 브라우저에서 마우스 휠 이벤트를 처리하는 방법을 보여준다. ▶ MouseWheelEventArgs.cs


using System;

/// <summary>
/// 마우스 휠 이벤트 인자
/// </summary>
public class MouseWheelEventArgs : EventArgs
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 델타
    /// </summary>
    private double delta;

    /// <summary>
    /// 처리 여부
    /// </summary>
    private bool isHandled = false;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 델타 - Delta

    /// <summary>
    /// 델타
    /// </summary>
    public double Delta
    {
        get
        {
            return this.delta;
        }
    }

    #endregion

    #region 처리 여부 - Handled

    /// <summary>
    /// 처리 여부
    /// </summary>
    public bool Handled
    {
        get
        {
            return this.isHandled;
        }
        set
        {
            this.isHandled = value;
        }
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MouseWheelEventArgs(delta)

    /// <summary>
    /// 생성자
    /// </summary>
    /// <param name="delta">델타</param>
    public MouseWheelEventArgs(double delta)
    {
        this.delta = delta;
    }

    #endregion
}

using System;

/// <summary>

/// 마우스 휠 이벤트 인자

/// </summary>

public class MouseWheelEventArgs : EventArgs

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 델타

/// </summary>

private double delta;

/// <summary>

/// 처리 여부

/// </summary>

private bool isHandled = false;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 델타 - Delta

/// <summary>

/// 델타

/// </summary>

public double Delta

{

get

{

return this.delta;

}

#endregion

#region 처리 여부 - Handled

/// <summary>

/// 처리 여부

/// </summary>

public bool Handled

{

get

{

return this.isHandled;

}

set

{

this.isHandled = value;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MouseWheelEventArgs(delta)

/// <summary>

/// 생성자

/// </summary>

/// <param name="delta">델타</param>

public MouseWheelEventArgs(double delta)

{

this.delta = delta;

}

#endregion

}

▶ MouseWheelHelper.cs


using System;
using System.Windows;
using System.Windows.Browser;

/// <summary>
/// 마우스 휠 도우미
/// </summary>
public class MouseWheelHelper
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Declaration
    ////////////////////////////////////////////////////////////////////////////////////////// Class

    #region 작업자 - Worker

    /// <summary>
    /// 작업자
    /// </summary>
    private class Worker
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Event
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 이동시 - Moved

        /// <summary>
        /// 이동시
        /// </summary>
        public event EventHandler<MouseWheelEventArgs> Moved;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// 생성자
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - Worker()

        /// <summary>
        /// 생성자
        /// </summary>
        public Worker()
        {
            if(HtmlPage.IsEnabled)
            {
                HtmlPage.Window.AttachEvent  ("DOMMouseScroll", Worker_MouseWheel);
                HtmlPage.Window.AttachEvent  ("onmousewheel"  , Worker_MouseWheel);
                HtmlPage.Document.AttachEvent("onmousewheel"  , Worker_MouseWheel);
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 작업자 마우스 휠 처리하기 - Worker_MouseWheel(sender, e)

        /// <summary>
        /// 작업자 마우스 휠 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Worker_MouseWheel(object sender, HtmlEventArgs e)
        {
            double delta = 0d;

            ScriptObject scriptObject = e.EventObject;

            if(scriptObject.GetProperty("wheelDelta") != null)
            {
                delta = ((double)scriptObject.GetProperty("wheelDelta")) / 120d;

                if(HtmlPage.Window.GetProperty("opera") != null)
                {
                    delta = -delta;
                }
            }
            else if(scriptObject.GetProperty("detail") != null)
            {
                delta = -((double)scriptObject.GetProperty("detail")) / 3d;

                if(HtmlPage.BrowserInformation.UserAgent.IndexOf("Macintosh") != -1)
                {
                    delta = delta * 3d;
                }
            }

            if(delta != 0d && Moved != null)
            {
                MouseWheelEventArgs mouseWheelEventArgs = new MouseWheelEventArgs(delta);

                Moved(this, mouseWheelEventArgs);

                if(mouseWheelEventArgs.Handled)
                {
                    e.PreventDefault();
                }
            }
        }

        #endregion
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Event
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 이동시 - Moved

    /// <summary>
    /// 이동시
    /// </summary>
    public event EventHandler<MouseWheelEventArgs> Moved;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 작업자
    /// </summary>
    private static Worker _worker;

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Instance
    //////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 마우스 상위 여부
    /// </summary>
    private bool isMouseOver = false;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MouseWheelHelper(frameworkElement)

    /// <summary>
    /// 생성자
    /// </summary>
    /// <param name="frameworkElement">FrameworkElement 객체</param>
    public MouseWheelHelper(FrameworkElement frameworkElement)
    {
        if(_worker == null)
        {
            _worker = new Worker();
        }

        _worker.Moved += worker_Moved;

        frameworkElement.MouseEnter += frameworkElement_MouseEnter;
        frameworkElement.MouseLeave += frameworkElement_MouseLeave;
        frameworkElement.MouseMove  += frameworkElement_MouseMove;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 작업자 이동시 처리하기 - worker_Moved(sender, e)

    /// <summary>
    /// 작업자 이동시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void worker_Moved(object sender, MouseWheelEventArgs e)
    {
        if(this.isMouseOver)
        {
            Moved(this, e);
        }
    }

    #endregion

    #region FrameworkElement 객체 마우스 진입시 처리하기 - frameworkElement_MouseEnter(sender, e)

    /// <summary>
    /// FrameworkElement 객체 마우스 진입시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void frameworkElement_MouseEnter(object sender, EventArgs e)
    {
        this.isMouseOver = true;
    }

    #endregion

    #region FrameworkElement 객체 마우스 이탈시 처리하기 - frameworkElement_MouseLeave(sender, e)

    /// <summary>
    /// FrameworkElement 객체 마우스 이탈시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void frameworkElement_MouseLeave(object sender, EventArgs e)
    {
        this.isMouseOver = false;
    }

    #endregion

    #region FrameworkElement 객체 마우스 이동시 처리하기 - frameworkElement_MouseMove(sender, e)

    /// <summary>
    /// FrameworkElement 객체 마우스 이동시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void frameworkElement_MouseMove(object sender, EventArgs e)
    {
        this.isMouseOver = true;
    }

    #endregion
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

using System;

using System.Windows;

using System.Windows.Browser;

/// <summary>

/// 마우스 휠 도우미

/// </summary>

public class MouseWheelHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Declaration

////////////////////////////////////////////////////////////////////////////////////////// Class

#region 작업자 - Worker

/// <summary>

/// 작업자

/// </summary>

private class Worker

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Event

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 이동시 - Moved

/// <summary>

/// 이동시

/// </summary>

public event EventHandler<MouseWheelEventArgs> Moved;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// 생성자

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - Worker()

/// <summary>

/// 생성자

/// </summary>

public Worker()

{

if(HtmlPage.IsEnabled)

{

HtmlPage.Window.AttachEvent ("DOMMouseScroll", Worker_MouseWheel);

HtmlPage.Window.AttachEvent ("onmousewheel" , Worker_MouseWheel);

HtmlPage.Document.AttachEvent("onmousewheel" , Worker_MouseWheel);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 작업자 마우스 휠 처리하기 - Worker_MouseWheel(sender, e)

/// <summary>

/// 작업자 마우스 휠 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Worker_MouseWheel(object sender, HtmlEventArgs e)

{

double delta = 0d;

ScriptObject scriptObject = e.EventObject;

if(scriptObject.GetProperty("wheelDelta") != null)

{

delta = ((double)scriptObject.GetProperty("wheelDelta")) / 120d;

if(HtmlPage.Window.GetProperty("opera") != null)

{

delta = -delta;

}

else if(scriptObject.GetProperty("detail") != null)

{

delta = -((double)scriptObject.GetProperty("detail")) / 3d;

if(HtmlPage.BrowserInformation.UserAgent.IndexOf("Macintosh") != -1)

{

delta = delta * 3d;

}

if(delta != 0d && Moved != null)

{

MouseWheelEventArgs mouseWheelEventArgs = new MouseWheelEventArgs(delta);

Moved(this, mouseWheelEventArgs);

if(mouseWheelEventArgs.Handled)

{

e.PreventDefault();

}

#endregion

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Event

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 이동시 - Moved

/// <summary>

/// 이동시

/// </summary>

public event EventHandler<MouseWheelEventArgs> Moved;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 작업자

/// </summary>

private static Worker _worker;

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

//////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 마우스 상위 여부

/// </summary>

private bool isMouseOver = false;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MouseWheelHelper(frameworkElement)

/// <summary>

/// 생성자

/// </summary>

/// <param name="frameworkElement">FrameworkElement 객체</param>

public MouseWheelHelper(FrameworkElement frameworkElement)

{

if(_worker == null)

{

_worker = new Worker();

}

_worker.Moved += worker_Moved;

frameworkElement.MouseEnter += frameworkElement_MouseEnter;

frameworkElement.MouseLeave += frameworkElement_MouseLeave;

frameworkElement.MouseMove += frameworkElement_MouseMove;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 작업자 이동시 처리하기 - worker_Moved(sender, e)

/// <summary>

/// 작업자 이동시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void worker_Moved(object sender, MouseWheelEventArgs e)

{

if(this.isMouseOver)

{

Moved(this, e);

}

#endregion

#region FrameworkElement 객체 마우스 진입시 처리하기 - frameworkElement_MouseEnter(sender, e)

/// <summary>

/// FrameworkElement 객체 마우스 진입시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void frameworkElement_MouseEnter(object sender, EventArgs e)

{

this.isMouseOver = true;

}

#endregion

#region FrameworkElement 객체 마우스 이탈시 처리하기 - frameworkElement_MouseLeave(sender, e)

/// <summary>

/// FrameworkElement 객체 마우스 이탈시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void frameworkElement_MouseLeave(object sender, EventArgs e)

{

this.isMouseOver = false;

}

#endregion

#region FrameworkElement 객체 마우스 이동시 처리하기 - frameworkElement_MouseMove(sender, e)

/// <summary>

/// FrameworkElement 객체 마우스 이동시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void frameworkElement_MouseMove(object sender, EventArgs e)

{

this.isMouseOver = true;

}

#endregion

}

※ 실버라이트 응용 프로그램이 웹 브라우저에 내장되기

[C#/SILVERLIGHT] BlurEffect/DropShadowEffect 엘리먼트 중첩 사용하기

■ BlurEffect/DropShadowEffect 엘리먼트를 중첩해 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid>
    <Grid.Effect>
        <BlurEffect Radius="10" />
    </Grid.Effect>
    <Button
        Width="200"
        Height="50"
        FontSize="16"
        Content="Drop Shadow Under Me">
        <Button.Effect>
            <DropShadowEffect
                Color="Black"
                Direction="320"
                ShadowDepth="25"
                BlurRadius="5"
                Opacity="0.5" />
        </Button.Effect>
    </Button>
</Grid>

<Grid>

<Grid.Effect>

</Grid.Effect>

<Button

Width="200"

Height="50"

FontSize="16"

Content="Drop Shadow Under Me">

<Button.Effect>

<DropShadowEffect

Color="Black"

Direction="320"

ShadowDepth="25"

BlurRadius="5"

Opacity="0.5" />

</Button.Effect>

</Button>

</Grid>

※ Effect 속성은 한번에 한개의 Effect 객체만 설정할 수 있기

[C#/SILVERLIGHT] Button 엘리먼트 : Effect 속성에서 DropShadowEffect 객체를 사용해 애니메이션 만들기

■ Button 엘리먼트의 Effect 속성에서 DropShadowEffect 객체를 사용해 애니메이션을 만드는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid>
    <Grid.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimation
                Storyboard.TargetName="dropShadowEffect"
                Storyboard.TargetProperty="ShadowDepth"
                AutoReverse="True"
                Duration="0:0:0.5"
                To="30" />
            <DoubleAnimation
                Storyboard.TargetName="dropShadowEffect"
                Storyboard.TargetProperty="BlurRadius"
                AutoReverse="True"
                Duration="0:0:0.5"
                To="10" />
            <DoubleAnimation
                Storyboard.TargetName="scaleTransform"
                Storyboard.TargetProperty="ScaleX"
                AutoReverse="True"
                Duration="0:0:0.5"
                To="1.5" />
            <DoubleAnimation
                Storyboard.TargetName="scaleTransform"
                Storyboard.TargetProperty="ScaleY"
                AutoReverse="True"
                Duration="0:0:0.5"
                To="1.5" />
            <DoubleAnimation
                Storyboard.TargetName="translateTransform"
                Storyboard.TargetProperty="X"
                AutoReverse="True"
                Duration="0:0:0.5"
                To="-30" />
            <DoubleAnimation
                Storyboard.TargetName="translateTransform"
                Storyboard.TargetProperty="Y"
                AutoReverse="True"
                Duration="0:0:0.5"
                To="-30" />
        </Storyboard>
    </Grid.Resources>
    <Button
        Width="200"
        Height="50"
        FontSize="16"
        Content="Click!"
        Click="button_Click">
        <Button.Effect>
            <DropShadowEffect x:Name="dropShadowEffect" />
        </Button.Effect>
        <Button.RenderTransform>
            <TransformGroup>
                <TranslateTransform x:Name="translateTransform" />
                <ScaleTransform x:Name="scaleTransform" />
            </TransformGroup>
        </Button.RenderTransform>
    </Button>
</Grid>

<Grid>

<Grid.Resources>

<DoubleAnimation

Storyboard.TargetName="dropShadowEffect"

Storyboard.TargetProperty="ShadowDepth"

AutoReverse="True"

Duration="0:0:0.5"

To="30" />

<DoubleAnimation

Storyboard.TargetName="dropShadowEffect"

Storyboard.TargetProperty="BlurRadius"

AutoReverse="True"

Duration="0:0:0.5"

To="10" />

<DoubleAnimation

Storyboard.TargetName="scaleTransform"

Storyboard.TargetProperty="ScaleX"

AutoReverse="True"

Duration="0:0:0.5"

To="1.5" />

<DoubleAnimation

Storyboard.TargetName="scaleTransform"

Storyboard.TargetProperty="ScaleY"

AutoReverse="True"

Duration="0:0:0.5"

To="1.5" />

<DoubleAnimation

Storyboard.TargetName="translateTransform"

Storyboard.TargetProperty="X"

AutoReverse="True"

Duration="0:0:0.5"

To="-30" />

<DoubleAnimation

Storyboard.TargetName="translateTransform"

Storyboard.TargetProperty="Y"

AutoReverse="True"

Duration="0:0:0.5"

To="-30" />

</Storyboard>

</Grid.Resources>

<Button

Width="200"

Height="50"

FontSize="16"

Content="Click!"

Click="button_Click">

<Button.Effect>

</Button.Effect>

<Button.RenderTransform>

</TransformGroup>

</Button.RenderTransform>

</Button>

</Grid>

▶ 예제 코드 (C#)


using System.Windows.Input;

#region 버튼 클릭시 처리하기 - button_Click(sender, e)

/// <summary>
/// 버튼 클릭시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void button_Click(object sender, RoutedEventArgs e)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

#region 버튼 클릭시 처리하기 - button_Click(sender, e)

/// <summary>

/// 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void button_Click(object sender, RoutedEventArgs e)

{

this.storyboard.Begin();

}

#endregion

[C#/SILVERLIGHT] DropShadowEffect 엘리먼트 사용하기

■ DropShadowEffect 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Button
    Width="200"
    Height="50"
    FontSize="14"
    Content="Drop Shadow Under Me">
    <Button.Effect>
        <DropShadowEffect
            Color="Black"
            Direction="320"
            ShadowDepth="25"
            BlurRadius="5"
            Opacity="0.5" />
    </Button.Effect>
</Button>

<Button

Width="200"

Height="50"

FontSize="14"

Content="Drop Shadow Under Me">

<Button.Effect>

<DropShadowEffect

Color="Black"

Direction="320"

ShadowDepth="25"

BlurRadius="5"

Opacity="0.5" />

</Button.Effect>

</Button>

[C#/SILVERLIGHT] DropShadowEffect 클래스 사용하기

■ DropShadowEffect 클래스를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Button
    Width="200"
    Height="50"
    FontSize="16"
    Content="ApplyDropShadow"
    Click="button_Click">
</Button>

<Button

Width="200"

Height="50"

FontSize="16"

Content="ApplyDropShadow"

Click="button_Click">

</Button>

▶ 예제 코드 (C#)


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Effects;

#region 버튼 클릭시 처리하기 - button_Click(sender, e)

/// <summary>
/// 버튼 클릭시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="routedEventArgs">이벤트 인자</param>
private void button_Click(object sender, RoutedEventArgs e)
{
    Button button = (Button)sender;

    DropShadowEffect dropShadowEffect = new DropShadowEffect();

    Color shadowColor = new Color();

    shadowColor.A = 255; // 알파 값은 무시된다.
    shadowColor.B = 50;
    shadowColor.G = 50;
    shadowColor.R = 50;

    dropShadowEffect.Color = shadowColor;

    dropShadowEffect.Direction   = 320;
    dropShadowEffect.ShadowDepth = 25;
    dropShadowEffect.BlurRadius  = 5;
    dropShadowEffect.Opacity     = 0.5;

    button.Effect = dropShadowEffect;
}

#endregion

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

using System.Windows.Media.Effects;

#region 버튼 클릭시 처리하기 - button_Click(sender, e)

/// <summary>

/// 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="routedEventArgs">이벤트 인자</param>

private void button_Click(object sender, RoutedEventArgs e)

{

Button button = (Button)sender;

DropShadowEffect dropShadowEffect = new DropShadowEffect();

Color shadowColor = new Color();

shadowColor.A = 255; // 알파 값은 무시된다.

shadowColor.B = 50;

shadowColor.G = 50;

shadowColor.R = 50;

dropShadowEffect.Color = shadowColor;

dropShadowEffect.Direction = 320;

dropShadowEffect.ShadowDepth = 25;

dropShadowEffect.BlurRadius = 5;

dropShadowEffect.Opacity = 0.5;

button.Effect = dropShadowEffect;

}

#endregion

[C#/SILVERLIGHT] Image 엘리먼트 : OpacityMask 속성 사용하기

■ Image 엘리먼트의 OpacityMask 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Image
    Width="300"
    Height="300"
    Stretch="UniformToFill"
    Source="http://texture2d.iptime.org:8864/sample.jpg">
    <Image.Clip>
        <EllipseGeometry
            Center="150 150"
            RadiusX="150"
            RadiusY="150" />
    </Image.Clip>
    <Image.OpacityMask>
        <RadialGradientBrush
            Center="150 150"
            GradientOrigin="210 40"
            MappingMode="Absolute"
            RadiusX="150"
            RadiusY="150">
            <GradientStop Color="#ff000000" Offset="0"   />
            <GradientStop Color="#ee000000" Offset="0.5" />
            <GradientStop Color="#00000000" Offset="1"   />
        </RadialGradientBrush>
    </Image.OpacityMask>
</Image>

<Image

Width="300"

Height="300"

Stretch="UniformToFill"

Source="http://texture2d.iptime.org:8864/sample.jpg">

<Image.Clip>

<EllipseGeometry

Center="150 150"

RadiusX="150"

RadiusY="150" />

</Image.Clip>

<Image.OpacityMask>

<RadialGradientBrush

Center="150 150"

GradientOrigin="210 40"

MappingMode="Absolute"

RadiusX="150"

RadiusY="150">

</RadialGradientBrush>

</Image.OpacityMask>

</Image>

[C#/SILVERLIGHT] ImageBrush 엘리먼트 사용하기

■ ImageBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid x:Name="rootGrid">
    <Grid.Background>
        <ImageBrush
            Stretch="Uniform"
            ImageSource="sample.jpg" />
    </Grid.Background>
</Grid>

<Grid.Background>

<ImageBrush

Stretch="Uniform"

ImageSource="sample.jpg" />

</Grid.Background>

</Grid>

[C#/SILVERLIGHT] LinearGradientBrush 엘리먼트 : 투명하거나 부분적으로 투명한 그라데이션 만들기

■ LinearGradientBrush 엘리먼트를 사용해 투명하거나 부분적으로 투명한 그라데이션을 만드는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Rectangle
    Width="100"
    Height="100">
    <Rectangle.Fill>
        <LinearGradientBrush
            StartPoint="0 0"
            EndPoint="1 1">
            <GradientStop Color="#000000ff" Offset="0.0" />
            <GradientStop Color="#ff0000ff" Offset="1.0" />
        </LinearGradientBrush>
    </Rectangle.Fill>
</Rectangle>

<Rectangle

Width="100"

Height="100">

<Rectangle.Fill>

<LinearGradientBrush

StartPoint="0 0"

EndPoint="1 1">

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

[C#/SILVERLIGHT] PlaneProjection 엘리먼트 : GlobalOffsetX 속성 사용하기

■ PlaneProjection 엘리먼트의 GlobalOffsetX 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid
    x:Name="rootGrid"
    Background="Gray">
    <Grid.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="RotationY"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="60" />
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="GlobalOffsetX"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="400" />
        </Storyboard>
    </Grid.Resources>
    <Canvas
        Width="400"
        Height="400"
        Background="White">
        <Canvas.Effect>
            <DropShadowEffect />
        </Canvas.Effect>
    </Canvas>
    <Image
        Width="400"
        Height="400"
        Source="http://127.0.9.1/sample.jpg"
        MouseLeftButtonDown="image_MouseLeftButtonDown">
        <Image.Effect>
            <DropShadowEffect />
        </Image.Effect>
        <Image.Projection>
            <PlaneProjection x:Name="planeProjection" />
        </Image.Projection>
    </Image>
</Grid>

<Grid

x:Name="rootGrid"

Background="Gray">

<Grid.Resources>

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="RotationY"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="60" />

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="GlobalOffsetX"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="400" />

</Storyboard>

</Grid.Resources>

<Canvas

Width="400"

Height="400"

Background="White">

<Canvas.Effect>

</Canvas.Effect>

</Canvas>

<Image

Width="400"

Height="400"

Source="http://127.0.9.1/sample.jpg"

MouseLeftButtonDown="image_MouseLeftButtonDown">

<Image.Effect>

</Image.Effect>

<Image.Projection>

</Image.Projection>

</Image>

</Grid>

▶ 예제 코드 (C#)


using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>
/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>

/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

this.storyboard.Begin();

}

#endregion

[C#/SILVERLIGHT] PlaneProjection 엘리먼트 : GlobalOffsetY 속성 사용하기

■ PlaneProjection 엘리먼트의 GlobalOffsetY 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid
    x:Name="rootGrid"
    Background="Gray">
    <Grid.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="RotationX"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="60" />
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="GlobalOffsetY"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="400" />
        </Storyboard>
    </Grid.Resources>
    <Canvas
        Width="400"
        Height="400"
        Background="White">
        <Canvas.Effect>
            <DropShadowEffect />
        </Canvas.Effect>
    </Canvas>
    <Image
        Width="400"
        Height="400"
        Source="http://127.0.0.1/sample.jpg"
        MouseLeftButtonDown="image_MouseLeftButtonDown">
        <Image.Effect>
            <DropShadowEffect />
        </Image.Effect>
        <Image.Projection>
            <PlaneProjection x:Name="planeProjection" />
        </Image.Projection>
    </Image>
</Grid>

<Grid

x:Name="rootGrid"

Background="Gray">

<Grid.Resources>

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="RotationX"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="60" />

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="GlobalOffsetY"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="400" />

</Storyboard>

</Grid.Resources>

<Canvas

Width="400"

Height="400"

Background="White">

<Canvas.Effect>

</Canvas.Effect>

</Canvas>

<Image

Width="400"

Height="400"

Source="http://127.0.0.1/sample.jpg"

MouseLeftButtonDown="image_MouseLeftButtonDown">

<Image.Effect>

</Image.Effect>

<Image.Projection>

</Image.Projection>

</Image>

</Grid>

▶ 예제 코드 (C#)


using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>
/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>

/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

this.storyboard.Begin();

}

#endregion

[C#/SILVERLIGHT] PlaneProjection 엘리먼트 : GlobalOffsetZ 속성 사용하기

■ PlaneProjection 엘리먼트의 GlobalOffsetZ 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid
    x:Name="rootGrid"
    Background="Gray">
    <Grid.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="RotationX"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="60" />
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="GlobalOffsetZ"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="400" />
        </Storyboard>
    </Grid.Resources>
    <Canvas
        Width="400"
        Height="400"
        Background="White">
        <Canvas.Effect>
            <DropShadowEffect />
        </Canvas.Effect>
    </Canvas>
    <Image
        Width="400"
        Height="400"
        Source="http://127.0.0.1/sample.jpg"
        MouseLeftButtonDown="image_MouseLeftButtonDown">
        <Image.Effect>
            <DropShadowEffect />
        </Image.Effect>
        <Image.Projection>
            <PlaneProjection x:Name="planeProjection" />
        </Image.Projection>
    </Image>
</Grid>

<Grid

x:Name="rootGrid"

Background="Gray">

<Grid.Resources>

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="RotationX"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="60" />

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="GlobalOffsetZ"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="400" />

</Storyboard>

</Grid.Resources>

<Canvas

Width="400"

Height="400"

Background="White">

<Canvas.Effect>

</Canvas.Effect>

</Canvas>

<Image

Width="400"

Height="400"

Source="http://127.0.0.1/sample.jpg"

MouseLeftButtonDown="image_MouseLeftButtonDown">

<Image.Effect>

</Image.Effect>

<Image.Projection>

</Image.Projection>

</Image>

</Grid>

▶ 예제 코드 (C#)


using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>
/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>

/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

this.storyboard.Begin();

}

#endregion

[C#/SILVERLIGHT] PlaneProjection 엘리먼트 : LocalOffsetX 속성 사용하기

■ PlaneProjection 엘리먼트의 LocalOffsetX 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid
    x:Name="rootGrid"
    Background="Gray">
    <Grid.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="RotationY"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="60" />
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="LocalOffsetX"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="400" />
        </Storyboard>
    </Grid.Resources>
    <Canvas
        Width="400"
        Height="400"
        Background="White">
        <Canvas.Effect>
            <DropShadowEffect />
        </Canvas.Effect>
    </Canvas>
    <Image
        Width="400"
        Height="400"
        Source="http://127.0.0.1/sample.jpg"
        MouseLeftButtonDown="image_MouseLeftButtonDown">
        <Image.Effect>
            <DropShadowEffect />
        </Image.Effect>
        <Image.Projection>
            <PlaneProjection x:Name="planeProjection" />
        </Image.Projection>
    </Image>
</Grid>

<Grid

x:Name="rootGrid"

Background="Gray">

<Grid.Resources>

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="RotationY"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="60" />

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="LocalOffsetX"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="400" />

</Storyboard>

</Grid.Resources>

<Canvas

Width="400"

Height="400"

Background="White">

<Canvas.Effect>

</Canvas.Effect>

</Canvas>

<Image

Width="400"

Height="400"

Source="http://127.0.0.1/sample.jpg"

MouseLeftButtonDown="image_MouseLeftButtonDown">

<Image.Effect>

</Image.Effect>

<Image.Projection>

</Image.Projection>

</Image>

</Grid>

▶ 예제 코드 (C#)


using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>
/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs mouseButtonEventArgs)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>

/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs mouseButtonEventArgs)

{

this.storyboard.Begin();

}

#endregion

[C#/SILVERLIGHT] PlaneProjection 엘리먼트 : LocalOffsetY 속성 사용하기

■ PlaneProjection 엘리먼트의 LocalOffsetY 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid
    x:Name="rootGrid"
    Background="Gray">
    <Grid.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="RotationX"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="60" />
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="LocalOffsetY"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="400" />
        </Storyboard>
    </Grid.Resources>
    <Canvas
        Width="400"
        Height="400"
        Background="White">
        <Canvas.Effect>
            <DropShadowEffect />
        </Canvas.Effect>
    </Canvas>
    <Image
        Width="400"
        Height="400"
        Source="http://127.0.0.1/sample.jpg"
        MouseLeftButtonDown="image_MouseLeftButtonDown">
        <Image.Effect>
            <DropShadowEffect />
        </Image.Effect>
        <Image.Projection>
            <PlaneProjection x:Name="planeProjection" />
        </Image.Projection>
    </Image>
</Grid>

<Grid

x:Name="rootGrid"

Background="Gray">

<Grid.Resources>

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="RotationX"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="60" />

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="LocalOffsetY"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="400" />

</Storyboard>

</Grid.Resources>

<Canvas

Width="400"

Height="400"

Background="White">

<Canvas.Effect>

</Canvas.Effect>

</Canvas>

<Image

Width="400"

Height="400"

Source="http://127.0.0.1/sample.jpg"

MouseLeftButtonDown="image_MouseLeftButtonDown">

<Image.Effect>

</Image.Effect>

<Image.Projection>

</Image.Projection>

</Image>

</Grid>

▶ 예제 코드 (C#)


using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>
/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>

/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

this.storyboard.Begin();

}

#endregion

[C#/SILVERLIGHT] PlaneProjection 엘리먼트 : LocalOffsetZ 속성 사용하기

■ PlaneProjection 엘리먼트의 LocalOffsetZ 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid
    x:Name="rootGrid"
    Background="Gray">
    <Grid.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="RotationX"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="60" />
            <DoubleAnimation
                Storyboard.TargetName="planeProjection"
                Storyboard.TargetProperty="LocalOffsetZ"
                RepeatBehavior="Forever"
                AutoReverse="True"
                Duration="0:0:3"
                From="0"
                To="400" />
        </Storyboard>
    </Grid.Resources>
    <Canvas
        Width="400"
        Height="400"
        Background="White">
        <Canvas.Effect>
            <DropShadowEffect />
        </Canvas.Effect>
    </Canvas>
    <Image
        Width="400"
        Height="400"
        Source="http://127.0.0.1/sample.jpg"
        MouseLeftButtonDown="image_MouseLeftButtonDown">
        <Image.Effect>
            <DropShadowEffect />
        </Image.Effect>
        <Image.Projection>
            <PlaneProjection x:Name="planeProjection" />
        </Image.Projection>
    </Image>
</Grid>

<Grid

x:Name="rootGrid"

Background="Gray">

<Grid.Resources>

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="RotationX"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="60" />

<DoubleAnimation

Storyboard.TargetName="planeProjection"

Storyboard.TargetProperty="LocalOffsetZ"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="0"

To="400" />

</Storyboard>

</Grid.Resources>

<Canvas

Width="400"

Height="400"

Background="White">

<Canvas.Effect>

</Canvas.Effect>

</Canvas>

<Image

Width="400"

Height="400"

Source="http://127.0.0.1/sample.jpg"

MouseLeftButtonDown="image_MouseLeftButtonDown">

<Image.Effect>

</Image.Effect>

<Image.Projection>

</Image.Projection>

</Image>

</Grid>

▶ 예제 코드 (C#)


using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>
/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

#region 이미지 마우스 왼쪽 버튼 DOWN시 처리하기 - image_MouseLeftButtonDown(sender, e)

/// <summary>

/// 이미지 마우스 왼쪽 버튼 DOWN시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

this.storyboard.Begin();

}

#endregion

[C#/SILVERLIGHT] PlaneProjection 엘리먼트 사용하기

■ PlaneProjection 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Grid>
    <Rectangle
        Width="400"
        Height="300"
        Fill="Black"
        Opacity="0.2" />
    <Border
        BorderThickness="5"
        BorderBrush="Black"
        Width="400"
        Height="300">
        <Border.Projection>
            <PlaneProjection
                CenterOfRotationX="0.5"
                CenterOfRotationY="0.5"
                CenterOfRotationZ="0"
                RotationX="-35"
                RotationY="-35"
                RotationZ="15" />
        </Border.Projection>
        <StackPanel Background="Gold">
            <TextBlock Margin="10">
                Type Something Below
            </TextBlock>
            <TextBox Margin="10"></TextBox>
            <Button
                Margin="10"
                Width="100"
                Content="Click" />
        </StackPanel>
    </Border>
</Grid>

<Grid>

<Rectangle

Width="400"

Height="300"

Fill="Black"

Opacity="0.2" />

<Border

BorderThickness="5"

BorderBrush="Black"

Width="400"

Height="300">

<Border.Projection>

<PlaneProjection

CenterOfRotationX="0.5"

CenterOfRotationY="0.5"

CenterOfRotationZ="0"

RotationX="-35"

RotationY="-35"

RotationZ="15" />

</Border.Projection>

Type Something Below

</TextBlock>

<Button

Margin="10"

Width="100"

Content="Click" />

</StackPanel>

</Border>

</Grid>

[C#/SILVERLIGHT] QuadraticBezierSegment 엘리먼트 사용하기

■ QuadraticBezierSegment 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Path
    StrokeThickness="10"
    Stroke="Gold">
    <Path.Data>
        <PathGeometry>
            <PathGeometry.Figures>
                <PathFigure
                    StartPoint="0 0">
                    <PathFigure.Segments>
                        <QuadraticBezierSegment
                            Point1="0 75"
                            Point2="100 100" />
                    </PathFigure.Segments>
                </PathFigure>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>

<Path

StrokeThickness="10"

Stroke="Gold">

<Path.Data>

<PathGeometry.Figures>

<PathFigure

StartPoint="0 0">

<PathFigure.Segments>

<QuadraticBezierSegment

Point1="0 75"

Point2="100 100" />

</PathFigure.Segments>

</PathFigure>

</PathGeometry.Figures>

</PathGeometry>

</Path.Data>

</Path>

[C#/SILVERLIGHT] RadialGradientBrush 클래스 : GradientOrigin 속성 사용하기

■ RadialGradientBrush 클래스의 GradientOrigin 속성을 사용하는 방법을 보여준다. ▶ GradientOrigin=”0.25 0.25″ (XAML)


<Ellipse
    Width="150"
    Height="150"
    StrokeThickness="2"
    Stroke="Black">
    <Ellipse.Fill>
        <RadialGradientBrush
            RadiusX="0.5"
            RadiusY="0.5"
            Center="0.5 0.5"
            GradientOrigin="0.25 0.25">
            <GradientStop Offset="0" Color="White" />
            <GradientStop Offset="1" Color="Gray"  />
        </RadialGradientBrush>
    </Ellipse.Fill>
</Ellipse>

<Ellipse

Width="150"

Height="150"

StrokeThickness="2"

Stroke="Black">

<Ellipse.Fill>

<RadialGradientBrush

RadiusX="0.5"

RadiusY="0.5"

Center="0.5 0.5"

GradientOrigin="0.25 0.25">

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

▶ GradientOrigin=”0.75 0.25″ (XAML)


<Ellipse
    Width="150"
    Height="150"
    StrokeThickness="2"
    Stroke="Black">
    <Ellipse.Fill>
        <RadialGradientBrush
            RadiusX="0.5"
            RadiusY="0.5"
            Center="0.5 0.5"
            GradientOrigin="0.75 0.25">
            <GradientStop Offset="0" Color="White" />
            <GradientStop Offset="1" Color="Gray"  />
        </RadialGradientBrush>
    </Ellipse.Fill>
</Ellipse>

<Ellipse

Width="150"

Height="150"

StrokeThickness="2"

Stroke="Black">

<Ellipse.Fill>

<RadialGradientBrush

RadiusX="0.5"

RadiusY="0.5"

Center="0.5 0.5"

GradientOrigin="0.75 0.25">

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

▶ GradientOrigin=”0.25 0.75″ (XAML)

[C#/SILVERLIGHT] Rectangle 엘리먼트 : 회전 애니메이션 만들기

■ Rectangle 엘리먼트를 사용해 회전 애니메이션을 만드는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Canvas>
    <Canvas.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimation
                Storyboard.TargetName="rotateTransform"
                Storyboard.TargetProperty="Angle"
                Duration="0:0:5"
                From="45"
                To="405"
                RepeatBehavior="Forever" />
        </Storyboard>
    </Canvas.Resources>
    <Rectangle
        Canvas.Left="50"
        Canvas.Top="50"
        Width="100"
        Height="100"
        Fill="Gold"
        Opacity="0.2" />
    <Rectangle
        Canvas.Left="50"
        Canvas.Top="50"
        Width="100"
        Height="100"
        Fill="Gold"
        MouseLeftButtonDown="rectangle_MouseLeftButtonDown">
        <Rectangle.RenderTransform>
            <RotateTransform x:Name="rotateTransform"
                CenterX="50"
                CenterY="50"
                Angle="45" />
        </Rectangle.RenderTransform>
    </Rectangle>
</Canvas>

<Canvas.Resources>

<DoubleAnimation

Storyboard.TargetName="rotateTransform"

Storyboard.TargetProperty="Angle"

Duration="0:0:5"

From="45"

To="405"

RepeatBehavior="Forever" />

</Storyboard>

</Canvas.Resources>

<Rectangle

Canvas.Left="50"

Canvas.Top="50"

Width="100"

Height="100"

Fill="Gold"

Opacity="0.2" />

<Rectangle

Canvas.Left="50"

Canvas.Top="50"

Width="100"

Height="100"

Fill="Gold"

MouseLeftButtonDown="rectangle_MouseLeftButtonDown">

<Rectangle.RenderTransform>

<RotateTransform x:Name="rotateTransform"

CenterX="50"

CenterY="50"

Angle="45" />

</Rectangle.RenderTransform>

</Rectangle>

</Canvas>

▶ 예제 코드 (C#)


using System.Windows.Input;

#region 사각형 마우스 왼쪽 버튼 DOWN시 처리하기 - rectangle_MouseLeftButtonDown(sender, e)

/// <summary>
/// 사각형 마우스 왼쪽 버튼 DOWN시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void rectangle_MouseLeftButtonDown(object pSender, MouseEventArgs e)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

#region 사각형 마우스 왼쪽 버튼 DOWN시 처리하기 - rectangle_MouseLeftButtonDown(sender, e)

/// <summary>

/// 사각형 마우스 왼쪽 버튼 DOWN시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void rectangle_MouseLeftButtonDown(object pSender, MouseEventArgs e)

{

this.storyboard.Begin();

}

#endregion

[C#/SILVERLIGHT] Rectangle 엘리먼트 : Clip 속성을 사용해 클리핑 설정하기

■ Rectangle 엘리먼트의 Clip 속성을 사용해 클리핑을 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Rectangle
    Width="200"
    Height="100"
    StrokeThickness="2"
    Stroke="Black"
    Fill="Yellow"
    Opacity="0.1" />
<Rectangle
    Width="200"
    Height="100"
    StrokeThickness="2"
    Stroke="Black"
    Fill="Yellow">
    <Rectangle.Clip>
        <EllipseGeometry
            Center="200 100"
            RadiusX="50"
            RadiusY="50" />
    </Rectangle.Clip>
</Rectangle>

<Rectangle

Width="200"

Height="100"

StrokeThickness="2"

Stroke="Black"

Fill="Yellow"

Opacity="0.1" />

<Rectangle

Width="200"

Height="100"

StrokeThickness="2"

Stroke="Black"

Fill="Yellow">

<Rectangle.Clip>

<EllipseGeometry

Center="200 100"

RadiusX="50"

RadiusY="50" />

</Rectangle.Clip>

</Rectangle>

[C#/SILVERLIGHT] Rectangle 엘리먼트 : Fill 속성 사용하기

■ Rectangle 엘리먼트의 Fill 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Rectangle
    Width="200"
    Height="100">
    <Rectangle.Fill>
        <LinearGradientBrush
            StartPoint="0 0"
            EndPoint="1 1">
            <GradientStop Offset="0.0"  Color="Yellow"    />
            <GradientStop Offset="0.25" Color="Red"       />
            <GradientStop Offset="0.75" Color="Blue"      />
            <GradientStop Offset="1.0"  Color="LimeGreen" />
        </LinearGradientBrush>
    </Rectangle.Fill>
</Rectangle>

<Rectangle

Width="200"

Height="100">

<Rectangle.Fill>

<LinearGradientBrush

StartPoint="0 0"

EndPoint="1 1">

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

[C#/SILVERLIGHT] Rectangle 엘리먼트 : Fill 속성 사용하기

■ Rectangle 엘리먼트의 Fill 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Rectangle
    Width="200"
    Height="100">
    <Rectangle.Fill>
        <RadialGradientBrush
            RadiusX="0.5"
            RadiusY="0.5"
            Center="0.5 0.5"
            GradientOrigin="0.5 0.5">
            <GradientStop Offset="0"    Color="Yellow"    />
            <GradientStop Offset="0.25" Color="Red"       />
            <GradientStop Offset="0.75" Color="Blue"      />
            <GradientStop Offset="1"    Color="LimeGreen" />
        </RadialGradientBrush>
    </Rectangle.Fill>
</Rectangle>

<Rectangle

Width="200"

Height="100">

<Rectangle.Fill>

<RadialGradientBrush

RadiusX="0.5"

RadiusY="0.5"

Center="0.5 0.5"

GradientOrigin="0.5 0.5">

</RadialGradientBrush>

</Rectangle.Fill>

</Rectangle>

[C#/SILVERLIGHT] Rectangle 엘리먼트 : Fill 속성 사용하기

■ Rectangle 엘리먼트의 Fill 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 1 (XAML)


<Rectangle
    Width="100"
    Height="100">
    <Rectangle.Fill>
        <SolidColorBrush Color="Red" />
    </Rectangle.Fill>
</Rectangle>

<Rectangle

Width="100"

Height="100">

<Rectangle.Fill>

</Rectangle.Fill>

</Rectangle>

▶ 예제 코드 2 (XAML)


<Rectangle
    Width="100"
    Height="100">
    <Rectangle.Fill>
        <SolidColorBrush Color="#ffff0000" />
    </Rectangle.Fill>
</Rectangle>

<Rectangle

Width="100"

Height="100">

<Rectangle.Fill>

</Rectangle.Fill>

</Rectangle>