블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

 «  » 2024.12
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
반응형

Category

Recent Post

Recent Comment

Archive

2009. 11. 27. 11:15 .Net Project/SilverLight 3.0

28장) 실버라이트 2DTransform (Rotate Transfrom)

반응형
  Rotate Transfrom
- Angle 프로퍼티에 설정한 값만큼 객체를 회전 시킵니다.
- 회전시 CenterX, CenterY 프로퍼티 설정하여 객체의 Transform 원점을 설정할 수 있습니다
- 크기가 (너비 100, 높이 100)인 Rectangle 엘리먼트를 CenterX, CenterY를 설정하지 않았을 때
   CenterX, CenterY를 각각 50 설정한 후 45도 회전 시켰을때의 결과 


  Rotate Transfrom.Xaml

<UserControl x:Class="RiaTransform.FrmRotateTransform"

    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">

        <Canvas Width="400" Height="400" Background="White">

            <Rectangle Width="150" Height="150" Fill="Blue"

                       Canvas.Left="100" Canvas.Top="80">

                <Rectangle.RenderTransform>

                    <RotateTransform Angle="15"
                                     CenterX="40"
                                     CenterY="50"></RotateTransform>

                </Rectangle.RenderTransform>

            </Rectangle>

           

            <Rectangle Width="100" Height="100" Fill="Green"

                       Canvas.Left="100" Canvas.Top="100">

                <Rectangle.RenderTransform>

                    <RotateTransform Angle="30"
                                     CenterX="10"
                                     CenterY="50"></RotateTransform>

                </Rectangle.RenderTransform>

            </Rectangle>

           

            <Rectangle Width="50" Height="50" Fill="Yellow"

                       Canvas.Left="100" Canvas.Top="100">

                <Rectangle.RenderTransform>

                    <RotateTransform Angle="45"
                                     CenterX="10"
                                     CenterY="50"></RotateTransform>

                </Rectangle.RenderTransform>

            </Rectangle>           

        </Canvas>

    </Grid>

</UserControl>




반응형

'.Net Project > SilverLight 3.0' 카테고리의 다른 글

30장) 실버라이트 2D SkewTransform (Skew Transfrom)  (0) 2009.11.27
29장) 실버라이트 2D ScaleTransform (ScaleTransform)  (0) 2009.11.27
27장) 실버라이트 2D Transform (TranslateTransfrom)  (0) 2009.11.27
26장) 실버라이트 비디오 브러시 (VideoBrush)  (0) 2009.11.27
25장) 실버라이트 이미지 브러시 (ImageBrush)  (0) 2009.11.27
posted by Magic_kit
2009. 11. 27. 10:50 .Net Project/SilverLight 3.0

27장) 실버라이트 2D Transform (TranslateTransfrom)

반응형
  TranslateTransfrom
 - X와 Y 프로퍼티에 설정한 값 만큼 객체 이동
 - 객체의 초기 위치로부터 상대적인 이동 뜻하며, 다른 Transform과 달리 TranslateTransform은
    Centerㅌ, CenterY 프로퍼티가 필요 없습니다.


  TranslateTransfrom.Xaml

<UserControl x:Class="RiaTransform.FrmTranslateTransform"

    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">

        <Canvas Width="400" Height="400" Background="White">

            <Rectangle Width="150" Height="150" Fill="Blue"

                       Canvas.Left="100" Canvas.Top="100">

                <Rectangle.RenderTransform>

                    <TranslateTransform X="10" Y="30"></TranslateTransform>

                </Rectangle.RenderTransform>

 

            </Rectangle>

           

            <Rectangle Width="100" Height="100" Fill="Green"

                       Canvas.Left="100" Canvas.Top="100">

                <Rectangle.RenderTransform>

                    <TranslateTransform X="20" Y="60"></TranslateTransform>

                </Rectangle.RenderTransform>

 

            </Rectangle>

           

            <Rectangle Width="50" Height="50" Fill="Yellow"

                       Canvas.Left="100" Canvas.Top="100">

                <Rectangle.RenderTransform>

                    <TranslateTransform X="10" Y="50"></TranslateTransform>

                </Rectangle.RenderTransform>

 

            </Rectangle>

        </Canvas>

    </Grid>

</UserControl>




반응형

'.Net Project > SilverLight 3.0' 카테고리의 다른 글

29장) 실버라이트 2D ScaleTransform (ScaleTransform)  (0) 2009.11.27
28장) 실버라이트 2DTransform (Rotate Transfrom)  (0) 2009.11.27
26장) 실버라이트 비디오 브러시 (VideoBrush)  (0) 2009.11.27
25장) 실버라이트 이미지 브러시 (ImageBrush)  (0) 2009.11.27
24장) 실버라이트 방사형 그라데이션 (RadialGradientBrush)  (0) 2009.11.27
posted by Magic_kit
2009. 11. 27. 10:49 .Net Project/SilverLight 3.0

26장) 실버라이트 비디오 브러시 (VideoBrush)

반응형
   VideoBrush
- 동영상 파일을 브러시 소스로 사용하여 도형 채우기나 윤곽선으로 사용 가능
- 동영상 브러시를 위해 VideoBrush 클래스를 제공
- VideoBrush의 SourceName 프로퍼티에 로드할 WMV 동영상이 설정되어 있는 MediaElement의
   key를 설정하여 영역을 채울 수 있습니다.
 VideoBrush.xaml

<UserControl x:Class="RiaMediaElement.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">

        <StackPanel>

            <MediaElement

                x:Name="myVideo" Source="Video/Silverlight.wmv"

                AutoPlay="False" IsMuted="False">

            </MediaElement>           

        </StackPanel>   

    </Grid>

</UserControl> 



반응형

'.Net Project > SilverLight 3.0' 카테고리의 다른 글

28장) 실버라이트 2DTransform (Rotate Transfrom)  (0) 2009.11.27
27장) 실버라이트 2D Transform (TranslateTransfrom)  (0) 2009.11.27
25장) 실버라이트 이미지 브러시 (ImageBrush)  (0) 2009.11.27
24장) 실버라이트 방사형 그라데이션 (RadialGradientBrush)  (0) 2009.11.27
23장) 실버라이트 선형 그라데이션 (GradientBrush)  (0) 2009.11.27
posted by Magic_kit
2009. 11. 27. 10:21 .Net Project/SilverLight 3.0

25장) 실버라이트 이미지 브러시 (ImageBrush)

반응형
  ImageBrush
 - 이미지 파일을 브러시 소스로 사용하여 도형 채우기나 윤곽선으로 사용 가능
 - 실버라이트에서는 이미지 브러시를 위해 ImageBrush 클래스를 제공
 - ImageBrush의 ImageSource 프로퍼티에 로드할 JPEG, PNG 이미지 파일의 경로 설정하여 영역 채움

 
 ImageBrush.Xaml

<UserControl x:Class="RiaSolidColorBrush.FrmImageBrush"

    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">

        <Canvas Width="200" Height="200">

            <Ellipse Canvas.Left="20" Canvas.Top="20"
                     Width="150" Height="150" StrokeThickness="10" >

                <Ellipse.Fill>

                    <ImageBrush
                     ImageSource="images/피파.png"></ImageBrush>                 

                </Ellipse.Fill>               

            </Ellipse>

           

        </Canvas>

    </Grid>

</UserControl>  




반응형

'.Net Project > SilverLight 3.0' 카테고리의 다른 글

27장) 실버라이트 2D Transform (TranslateTransfrom)  (0) 2009.11.27
26장) 실버라이트 비디오 브러시 (VideoBrush)  (0) 2009.11.27
24장) 실버라이트 방사형 그라데이션 (RadialGradientBrush)  (0) 2009.11.27
23장) 실버라이트 선형 그라데이션 (GradientBrush)  (0) 2009.11.27
22장) 실버라이트 SolidColorBrush 관련 (SolidColorBrush)  (0) 2009.11.27
posted by Magic_kit

티스토리툴바