.Net Project/SilverLight 3.0

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

Magic_kit 2009. 11. 27. 10:50
반응형
  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>




반응형