WPF 기초 엘리먼트 간의 포함 관계 Window.Resource 형태변형

얼리먼트 간의 포함 관계

<Window

  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Programming .Net 3.5" >

 <StackPanel Height="200">

  <Button Width="200" VerticalAlignment="Center">

    <StackPanel Orientation="Horizontal">

      <Canvas Width="300" Height="30" VerticalAlignment="Center" Margin="3">

        <Ellipse Canvas.Left="1" Canvas.Top="1" Width="30" Height="30" Fill="White" Stroke="Black" />

        <Ellipse Canvas.Left="4" Canvas.Top="4" Width="24" Height="24" Fill="Black" />

        <Ellipse Canvas.Left="8" Canvas.Top="8" Width="16" Height="16" Fill="Blue" Stroke="Blue" />

        <Ellipse Canvas.Left="11" Canvas.Top="11" Width="10" Height="10" Fill="Red" Stroke="Red" />

        <Ellipse Canvas.Left="14" Canvas.Top="14" Width="4" Height="4" Fill="Yellow" Stroke="Yellow" />

         <TextBlock Canvas.Left="60" Canvas.Bottom="10" VerticalAlignment="Center">Ready, Fire, Aim!</TextBlock>

      </Canvas>

     

    </StackPanel>

  </Button>

 </StackPanel>

</Window>

리소스(Window.Resource)

<Window

  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<Window.Resources >

  <SolidColorBrush x:Key="GreenBrush" Color="Green" />

</Window.Resources>

  <Viewbox>

    <TextBlock Foreground="{DynamicResource GreenBrush}">Little Green Men</TextBlock>

  </Viewbox>

</Window>

리소스는 XAML에서 사용할 오브젝트를 정의하고 공유할 수 있게 해준다. 리소스를 공유할 수 있는 범위는 일반적으로 Page 혹은 Window 수준에서 사용하지만, 전체 프로그램이나 심지어는 전체 시스템 차원에서 공유할 수 있다.

XMAL의 Resources 섹션은 가끔 "리소스 딕셔너리(resource dictionary)"로서 참조된다

이 리소스는 TextBlock 의 Foreground 프로퍼티에 리소스 자체를 값으로 넘겨주면 적용된다. 이때 StaticResourced 키워드를 사용하면 이 리소스는 컴파일 타임에 설정되고 런타임 시에는 수정할 수 없다. 

반대로, DynamicResource는 런타임 시에 정의된다 스킨으로 사용할 수 있는 프로퍼티들은 모두 DynamicResource로 참조하게 되면, 다른 리소스 딕셔너리로 바꾸기만 해도 프로그램의 스킨을 변경할 수 잇다. 실제로, WPF는 그러한 처리가 이루어지면 해당하는 모든 프로퍼티를 자동으로 수정한다.

형태변형

2D 그래픽에서 다룰 내용이 많긴 하지만, 그중에서도눈에 띄는 기능 중 하나는 컨트롤이 가지고 있는 

모양을 바꿀 수 있는 형태 변형 (Transformation)이다, 

이기서, 페이지의 위아래 방향으로 컨트롤의 방향이 달라지는 예를 살펴볼 것이다

<Window

  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  Title="타이틀">

  <Border Margin="30" HorizontalAlignment="Left" VerticalAlignment="Top" BorderBrush="Black" BorderThickness="1">

    <StackPanel Orientation="Vertical">

      <Button Content="Top Button" Opacity="1" />

      <Button Content="Middle Button" Opacity="1" />

      <Button Content="Rotated Button"> 

        <Button.RenderTransform>

          <RotateTransform Angle="45" />

        </Button.RenderTransform>

      </Button>

      

    </StackPanel>

  </Border>

</Window>

세 번째 Button 은 RenderTransform을 가지고 있고, 이 프로퍼티는 회전 각도를 조절할 수 있는 RotateTransform 을 자식 엘리먼트로 사용했다. 세번째 버튼은 45도 시계 방향으로 회전한채 렌더링된다

- 참고  Programming .Net 3.5 by Jesse Liberty and Alex Horovitz.