SILVERLIGHT Archives - 9 중 8 번째 페이지

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

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


<Grid
    xmlns:ctrl="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
    Width="200"
    Height="300">
    <ctrl:TabControl>
        <ctrl:TabItem Header="텍스트 탭">
            <ctrl:TabItem.Content>
                <ScrollViewer
                    HorizontalScrollBarVisibility="Auto"
                    VerticalScrollBarVisibility="Auto">
                    <TextBlock
                        Width="400"
                        TextWrapping="Wrap"
                        Text="단일 항목과 헤더를 표시하는 컨트롤을 앞서 살펴본 ContentControl을 상속받아
구현된 단일 항목을 표시하는 컨트롤과 헤더의 조합 컨트롤입니다.
실버라이트에서 제공하는 단일 항목과 헤더를 표시하는 컨트롤은 TabItem 컨트롤이 있으며
TabControl의 자식 Item으로 사용합니다." />
                </ScrollViewer>
            </ctrl:TabItem.Content>
        </ctrl:TabItem>
        <ctrl:TabItem>
            <ctrl:TabItem.Header>
                <StackPanel Orientation="Horizontal">
                    <Image
                        Width="20"
                        Height="20"
                        Source="star.png" />
                    <TextBlock
                        Margin="2"
                        Text="이미지 탭" />
                </StackPanel>
            </ctrl:TabItem.Header>
            <ctrl:TabItem.Content>
                <ScrollViewer
                    HorizontalScrollBarVisibility="Auto"
                    VerticalScrollBarVisibility="Auto">
                    <Image Source="star.png" />
                </ScrollViewer>
            </ctrl:TabItem.Content>
        </ctrl:TabItem>
    </ctrl:TabControl>
</Grid>

<Grid

xmlns:ctrl="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"

Width="200"

Height="300">

<ctrl:TabControl>

<ctrl:TabItem Header="텍스트 탭">

<ctrl:TabItem.Content>

<ScrollViewer

HorizontalScrollBarVisibility="Auto"

VerticalScrollBarVisibility="Auto">

<TextBlock

Width="400"

TextWrapping="Wrap"

Text="단일 항목과 헤더를 표시하는 컨트롤을 앞서 살펴본 ContentControl을 상속받아

구현된 단일 항목을 표시하는 컨트롤과 헤더의 조합 컨트롤입니다.

실버라이트에서 제공하는 단일 항목과 헤더를 표시하는 컨트롤은 TabItem 컨트롤이 있으며

TabControl의 자식 Item으로 사용합니다." />

</ScrollViewer>

</ctrl:TabItem.Content>

</ctrl:TabItem>

<ctrl:TabItem>

<ctrl:TabItem.Header>

<Image

Width="20"

Height="20"

Source="star.png" />

<TextBlock

Margin="2"

Text="이미지 탭" />

</StackPanel>

</ctrl:TabItem.Header>

<ctrl:TabItem.Content>

<ScrollViewer

HorizontalScrollBarVisibility="Auto"

VerticalScrollBarVisibility="Auto">

</ScrollViewer>

</ctrl:TabItem.Content>

</ctrl:TabItem>

</ctrl:TabControl>

</Grid>

star.png

[C#/SILVERLIGHT] TemplateBinding 태그 확장 사용하기

■ TemplateBinding 태그 확장을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<ControlTemplate TargetType="ContentControl">
    <ContentPresenter
        Content="{TemplateBinding Content}"
        ContentTemplate="{TemplateBinding ContentTemplate}"
        Cursor="{TemplateBinding Cursor}"
        Margin="{TemplateBinding Padding}"
        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
        VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
</ControlTemplate>

<ContentPresenter

Content="{TemplateBinding Content}"

ContentTemplate="{TemplateBinding ContentTemplate}"

Cursor="{TemplateBinding Cursor}"

Margin="{TemplateBinding Padding}"

HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />

</ControlTemplate>

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

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


<TextBlock>
    <Run
        Foreground="Blue"
        FontFamily="Courier New"
        FontSize="32"
        FontWeight="Bold">
        Wow!
    </Run>
    <LineBreak />
    <Run
        Foreground="Orange"
        FontFamily="Times New Roman"
        FontSize="32"
        FontWeight="Light"
        FontStyle="Italic">
        Silverlight
    </Run>
</TextBlock>

<Run

Foreground="Blue"

FontFamily="Courier New"

FontSize="32"

FontWeight="Bold">

Wow!

</Run>

<Run

Foreground="Orange"

FontFamily="Times New Roman"

FontSize="32"

FontWeight="Light"

FontStyle="Italic">

Silverlight

</Run>

</TextBlock>

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

■ TextBox 클래스의 CaretBrush 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<TextBox Text="Red Caret Brush">
    <TextBox.CaretBrush>
        <SolidColorBrush Color="Red" />
    </TextBox.CaretBrush>
</TextBox>

<TextBox.CaretBrush>

</TextBox.CaretBrush>

</TextBox>

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

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


<Button
    Width="100"
    Height="30"
    Content="Sample Button">
    <ToolTipService.ToolTip>
        <ToolTip
            HorizontalOffset="5"
            VerticalOffset="5">
            <ToolTip.Content>
                <Grid>
                    <Rectangle
                        Width="130"
                        Height="90"
                        RadiusX="15"
                        RadiusY="15"
                        Fill="Orange" />
                    <TextBlock
                        TextAlignment="Center"
                        Text="샘플 버튼입니다." />
                </Grid>
            </ToolTip.Content>
        </ToolTip>
    </ToolTipService.ToolTip>
</Button>

<Button

Width="100"

Height="30"

Content="Sample Button">

<ToolTipService.ToolTip>

<ToolTip

HorizontalOffset="5"

VerticalOffset="5">

<ToolTip.Content>

<Grid>

<Rectangle

Width="130"

Height="90"

RadiusX="15"

RadiusY="15"

Fill="Orange" />

<TextBlock

TextAlignment="Center"

Text="샘플 버튼입니다." />

</Grid>

</ToolTip.Content>

</ToolTip>

</ToolTipService.ToolTip>

</Button>

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

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


<Grid
    xmlns:ctrl="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
    Background="White">
    <ctrl:TreeView>
        <ctrl:TreeViewItem Header="바탕 화면">
            <ctrl:TreeViewItem.Items>
                <ctrl:TreeViewItem>
                    <ctrl:TreeViewItem.Header>
                        <ctrl:TreeViewItem Header="내 문서">
                            <ctrl:TreeViewItem.Items>
                                <ctrl:TreeViewItem>
                                    <ctrl:TreeViewItem.Header>
                                        <TextBlock
                                            Margin="2"
                                            Text="내 사진" />
                                    </ctrl:TreeViewItem.Header>
                                </ctrl:TreeViewItem>
                                <ctrl:TreeViewItem>
                                    <ctrl:TreeViewItem.Header>
                                        <TextBox
                                            Margin="2"
                                            Text="내 비디오" />
                                    </ctrl:TreeViewItem.Header>
                                </ctrl:TreeViewItem>
                            </ctrl:TreeViewItem.Items>
                        </ctrl:TreeViewItem>
                    </ctrl:TreeViewItem.Header>
                </ctrl:TreeViewItem>
                <ctrl:TreeViewItem>
                    <ctrl:TreeViewItem.Header>
                        <TextBlock
                            Margin="2"
                            Text="3,.5 플로피" />
                    </ctrl:TreeViewItem.Header>
                </ctrl:TreeViewItem>
                <ctrl:TreeViewItem>
                    <ctrl:TreeViewItem.Header>
                        <TextBlock
                            Margin="2"
                            Text="로컬 디스크(C:)" />
                    </ctrl:TreeViewItem.Header>
                </ctrl:TreeViewItem>
                <ctrl:TreeViewItem>
                    <ctrl:TreeViewItem.Header>
                        <TextBlock
                            Margin="2"
                            Text="로컬 디스크(D:)" />
                    </ctrl:TreeViewItem.Header>
                </ctrl:TreeViewItem>
            </ctrl:TreeViewItem.Items>
        </ctrl:TreeViewItem>
    </ctrl:TreeView>
</Grid>

<Grid

xmlns:ctrl="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"

Background="White">

<ctrl:TreeView>

<ctrl:TreeViewItem Header="바탕 화면">

<ctrl:TreeViewItem.Items>

<ctrl:TreeViewItem>

<ctrl:TreeViewItem.Header>

<ctrl:TreeViewItem Header="내 문서">

<ctrl:TreeViewItem.Items>

<ctrl:TreeViewItem>

<ctrl:TreeViewItem.Header>

<TextBlock

Margin="2"

Text="내 사진" />

</ctrl:TreeViewItem.Header>

</ctrl:TreeViewItem>

<ctrl:TreeViewItem>

<ctrl:TreeViewItem.Header>

<TextBox

Margin="2"

Text="내 비디오" />

</ctrl:TreeViewItem.Header>

</ctrl:TreeViewItem>

</ctrl:TreeViewItem.Items>

</ctrl:TreeViewItem>

</ctrl:TreeViewItem.Header>

</ctrl:TreeViewItem>

<ctrl:TreeViewItem>

<ctrl:TreeViewItem.Header>

<TextBlock

Margin="2"

Text="3,.5 플로피" />

</ctrl:TreeViewItem.Header>

</ctrl:TreeViewItem>

<ctrl:TreeViewItem>

<ctrl:TreeViewItem.Header>

<TextBlock

Margin="2"

Text="로컬 디스크(C:)" />

</ctrl:TreeViewItem.Header>

</ctrl:TreeViewItem>

<ctrl:TreeViewItem>

<ctrl:TreeViewItem.Header>

<TextBlock

Margin="2"

Text="로컬 디스크(D:)" />

</ctrl:TreeViewItem.Header>

</ctrl:TreeViewItem>

</ctrl:TreeViewItem.Items>

</ctrl:TreeViewItem>

</ctrl:TreeView>

</Grid>

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

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


<Path
    StrokeThickness="10"
    Stroke="Gold">
    <Path.Data>
        <PathGeometry>
            <PathGeometry.Figures>
                <PathFigure StartPoint="200 0">
                    <PathFigure.Segments>
                        <ArcSegment
                            Size="50 50"
                            IsLargeArc="True"
                            SweepDirection="Clockwise"
                            Point="0 0" />
                    </PathFigure.Segments>
                </PathFigure>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>

<Path

StrokeThickness="10"

Stroke="Gold">

<Path.Data>

<PathGeometry.Figures>

<PathFigure.Segments>

<ArcSegment

Size="50 50"

IsLargeArc="True"

SweepDirection="Clockwise"

Point="0 0" />

</PathFigure.Segments>

</PathFigure>

</PathGeometry.Figures>

</PathGeometry>

</Path.Data>

</Path>

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

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


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

<Path

StrokeThickness="10"

Stroke="Gold">

<Path.Data>

<PathGeometry.Figures>

<PathFigure.Segments>

<BezierSegment

Point1="100 0"

Point2="0 100"

Point3="100 100" />

</PathFigure.Segments>

</PathFigure>

</PathGeometry.Figures>

</PathGeometry>

</Path.Data>

</Path>

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

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


<Button
    Width="200"
    Height="100"
    FontSize="20"
    Content="Blur">
    <Button.Effect>
        <BlurEffect Radius="5" />
    </Button.Effect>
</Button>

<Button

Width="200"

Height="100"

FontSize="20"

Content="Blur">

<Button.Effect>

</Button.Effect>

</Button>

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

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


<Rectangle
    Height="100"
    Width="100"
    Fill="Blue">
    <Rectangle.RenderTransform>
        <CompositeTransform
            ScaleX="3"
            Rotation="45"
            TranslateX="30" />
    </Rectangle.RenderTransform>
</Rectangle>

<Rectangle

Height="100"

Width="100"

Fill="Blue">

<Rectangle.RenderTransform>

<CompositeTransform

ScaleX="3"

Rotation="45"

TranslateX="30" />

</Rectangle.RenderTransform>

</Rectangle>

▶ 아래 코드는 상기 코드와 동일한 결과를 만들지만, 각 Transform 순서를

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

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


<Path
    StrokeThickness="10"
    Stroke="Black"
    Fill="Orange">
    <Path.Data>
        <EllipseGeometry
            Center="100 100"
            RadiusX="50"
            RadiusY="50" />
    </Path.Data>
</Path>

<Path

StrokeThickness="10"

Stroke="Black"

Fill="Orange">

<Path.Data>

<EllipseGeometry

Center="100 100"

RadiusX="50"

RadiusY="50" />

</Path.Data>

</Path>

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

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


<Path
    StrokeThickness="5"
    Stroke="Black"
    Fill="Gold">
    <Path.Data>
        <GeometryGroup FillRule="EvenOdd">
            <LineGeometry
                StartPoint="10 10"
                EndPoint="50 50" />
            <EllipseGeometry
                Center="75 50"
                RadiusX="50"
                RadiusY="30" />
            <RectangleGeometry
                Rect="50 60, 100 50" />
            <EllipseGeometry
                Center="130 140"
                RadiusX="30"
                RadiusY="55" />
        </GeometryGroup>
    </Path.Data>
</Path>

<Path

StrokeThickness="5"

Stroke="Black"

Fill="Gold">

<Path.Data>

<LineGeometry

StartPoint="10 10"

EndPoint="50 50" />

<EllipseGeometry

Center="75 50"

RadiusX="50"

RadiusY="30" />

<RectangleGeometry

Rect="50 60, 100 50" />

<EllipseGeometry

Center="130 140"

RadiusX="30"

RadiusY="55" />

</GeometryGroup>

</Path.Data>

</Path>

[C#/SILVERLIGHT] GPU 가속 기능 사용하기

■ GPU 가속 기능을 사용하는 방법을 보여준다. ▶ 실버라이트 애플리케이션 호스팅 웹 페이지에 다음 코드를 추가한다 (XAML)


<param name="EnableGPUAcceleration" value="true" />

▶ GPU 가속 기능을

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

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


<Image Source="flower.jpg" />

▶ 예제 코드 2 (XAML)


<Image>
    <Image.Source>
        <BitmapImage UriSource="flower.jpg" />
    </Image.Source>
</Image>

<Image>

<Image.Source>

</Image.Source>

</Image>

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

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


<Ellipse
    Width="150"
    Height="150">
    <Ellipse.Fill>
        <ImageBrush ImageSource="bkimage.jpg" />
    </Ellipse.Fill>
</Ellipse>

<Ellipse

Width="150"

Height="150">

<Ellipse.Fill>

</Ellipse.Fill>

</Ellipse>

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

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


<Path
    StrokeThickness="10"
    Stroke="Orange">
    <Path.Data>
        <LineGeometry
            StartPoint="10 10"
            EndPoint="150 150" />
    </Path.Data>
</Path>

<Path

StrokeThickness="10"

Stroke="Orange">

<Path.Data>

<LineGeometry

StartPoint="10 10"

EndPoint="150 150" />

</Path.Data>

</Path>

[C#/SILVERLIGHT] LineSegment 엘리먼트 : 사각형 그리기

■ LineSegment 엘리먼트를 사용해 사각형을 그리는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Path
    StrokeThickness="10"
    Stroke="Blue">
    <Path.Data>
        <PathGeometry>
            <PathGeometry.Figures>
                <PathFigure
                    StartPoint="0 0"
                    IsClosed="True">
                    <PathFigure.Segments>
                        <LineSegment Point="100 0"   />
                        <LineSegment Point="100 100" />
                        <LineSegment Point="0 100"   />
                    </PathFigure.Segments>
                </PathFigure>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>

<Path

StrokeThickness="10"

Stroke="Blue">

<Path.Data>

<PathGeometry.Figures>

<PathFigure

StartPoint="0 0"

IsClosed="True">

<PathFigure.Segments>

</PathFigure.Segments>

</PathFigure>

</PathGeometry.Figures>

</PathGeometry>

</Path.Data>

</Path>

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

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


<Grid>
    <MediaElement Name="mediaElement"
        Width="400"
        Height="300"
        IsMuted="True"
        IsHitTestVisible="False"
        Stretch="UniformToFill"
        Source="sample.mp4" />
</Grid>

<Grid>

<MediaElement Name="mediaElement"

Width="400"

Height="300"

IsMuted="True"

IsHitTestVisible="False"

Stretch="UniformToFill"

Source="sample.mp4" />

</Grid>

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

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


<Path
    StrokeThickness="10"
    Stroke="Black"
    Fill="Orange">
    <Path.Data>
        <RectangleGeometry
            Rect="20 20, 100 100"
            RadiusX="20"
            RadiusY="20" />
    </Path.Data>
</Path>

<Path

StrokeThickness="10"

Stroke="Black"

Fill="Orange">

<Path.Data>

<RectangleGeometry

Rect="20 20, 100 100"

RadiusX="20"

RadiusY="20" />

</Path.Data>

</Path>

[C#/SILVERLIGHT] Path 엘리먼트 : 패스 미니 언어로 3차 베지어 곡선 그리기

■ Path 엘리먼트에서 패스 미니 언어를 사용해 3차 베지어 곡선을 그리는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Path
    StrokeThickness="10"
    Stroke="Black"
    Fill="Gold"
    Data="M 10 10 C 10 200 150 -100 150 100" />

<Path

StrokeThickness="10"

Stroke="Black"

Fill="Gold"

Data="M 10 10 C 10 200 150 -100 150 100" />

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

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


<Rectangle
    Width="200"
    Height="100">
    <Rectangle.Fill>
        <RadialGradientBrush
            Center="0.5 0.5"
            RadiusX="0.5"
            RadiusY="0.5"
            GradientOrigin="0.5 0.5">
            <GradientStop Offset="0.0"  Color="Red"    />
            <GradientStop Offset="0.25" Color="Yellow" />
            <GradientStop Offset="0.75" Color="Pink"   />
            <GradientStop Offset="1.0"  Color="White"  />
        </RadialGradientBrush>
    </Rectangle.Fill>
</Rectangle>

<Rectangle

Width="200"

Height="100">

<Rectangle.Fill>

<RadialGradientBrush

Center="0.5 0.5"

RadiusX="0.5"

RadiusY="0.5"

GradientOrigin="0.5 0.5">

</RadialGradientBrush>

</Rectangle.Fill>

</Rectangle>

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

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


<Path
    StrokeThickness="10"
    Stroke="Black"
    Fill="Orange">
    <Path.Data>
        <RectangleGeometry
            Rect="50 50 100 100"
            RadiusX="20"
            RadiusY="20" />
    </Path.Data>
</Path>

<Path

StrokeThickness="10"

Stroke="Black"

Fill="Orange">

<Path.Data>

<RectangleGeometry

Rect="50 50 100 100"

RadiusX="20"

RadiusY="20" />

</Path.Data>

</Path>

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

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


<Rectangle
    Width="100"
    Height="100"
    Fill="Blue">
    <Rectangle.RenderTransform>
        <RotateTransform
            CenterX="50"
            CenterY="50"
            Angle="45" />
    </Rectangle.RenderTransform>
</Rectangle>

<Rectangle

Width="100"

Height="100"

Fill="Blue">

<Rectangle.RenderTransform>

<RotateTransform

CenterX="50"

CenterY="50"

Angle="45" />

</Rectangle.RenderTransform>

</Rectangle>

▶ 예제 2 (XAML)


<Rectangle
    Width="100"
    Height="100"
    Fill="Blue"
    RenderTransformOrigin="0.5 0.5">
    <Rectangle.RenderTransform>
        <RotateTransform Angle="45" />
    </Rectangle.RenderTransform>
</Rectangle>

<Rectangle

Width="100"

Height="100"

Fill="Blue"

RenderTransformOrigin="0.5 0.5">

<Rectangle.RenderTransform>

</Rectangle.RenderTransform>

</Rectangle>

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

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


<Rectangle
    Width="100"
    Height="100"
    Fill="Blue">
    <Rectangle.RenderTransform>
        <ScaleTransform
            CenterX="50"
            CenterY="50"
            ScaleX="0.5"
            ScaleY="0.5" />
    </Rectangle.RenderTransform>
</Rectangle>

<Rectangle

Width="100"

Height="100"

Fill="Blue">

<Rectangle.RenderTransform>

<ScaleTransform

CenterX="50"

CenterY="50"

ScaleX="0.5"

ScaleY="0.5" />

</Rectangle.RenderTransform>

</Rectangle>

▶ 예제 2 (XAML)


<Rectangle
    Width="100"
    Height="100"
    Fill="Blue"
    RenderTransformOrigin="0.5 0.5">
    <Rectangle.RenderTransform>
        <ScaleTransform
            ScaleX="0.5"
            ScaleY="0.5" />
    </Rectangle.RenderTransform>
</Rectangle>

<Rectangle

Width="100"

Height="100"

Fill="Blue"

RenderTransformOrigin="0.5 0.5">

<Rectangle.RenderTransform>

<ScaleTransform

ScaleX="0.5"

ScaleY="0.5" />

</Rectangle.RenderTransform>

</Rectangle>

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

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


<Rectangle
    Width="100"
    Height="100"
    Fill="Blue">
    <Rectangle.RenderTransform>
        <SkewTransform
            CenterX="50"
            CenterY="50"
            AngleX="20"
            AngleY="20" />
    </Rectangle.RenderTransform>
</Rectangle>

<Rectangle

Width="100"

Height="100"

Fill="Blue">

<Rectangle.RenderTransform>

<SkewTransform

CenterX="50"

CenterY="50"

AngleX="20"

AngleY="20" />

</Rectangle.RenderTransform>

</Rectangle>

▶ 예제 2 (XAML)


<Rectangle
    Width="100"
    Height="100"
    Fill="Blue"
    RenderTransformOrigin="0.5 0.5">
    <Rectangle.RenderTransform>
        <SkewTransform
            AngleX="20"
            AngleY="20" />
    </Rectangle.RenderTransform>
</Rectangle>

<Rectangle

Width="100"

Height="100"

Fill="Blue"

RenderTransformOrigin="0.5 0.5">

<Rectangle.RenderTransform>

<SkewTransform

AngleX="20"

AngleY="20" />

</Rectangle.RenderTransform>

</Rectangle>