[2006/07]-[1] 월드컵 깃발 DrawImage

수많은 월드컵 경기를 보고 영감을 얻어서 2006년 월드컵 8강의 국기를 XAML로 재조명 해보았다.
이 이미지는 Graphic Designer 로 표현하여 DrawingImage 리소스로 뽑아냈다.
Graphic Designer 로 XAML를 만드는 방법은 이미 지겹게 했으니 링크마저 생략하겠다 ;;

영국국기가 끼어있는걸 발견하셨나요.
저도 처음에는 몰랐는데 그냥 8강과 함께 끼어서 만들기로 했어요 ;

소스 살펴보기

WorldCupSoccerFlags.xaml 파일을 보면 DrawingImage 객체로 된 깃발이 Page.Resources 내용에 들어가 있습니다.
깃발은 Image 객체를 참조하고, Source 속성을 사용합니다.

<Image
  Margin="20"
  Height="240"
  Source="{StaticResource Argentina_Flag}"/>

Image 객체는 FlowDocument 와 FlowDocumentReader. 두개의 컨텐츠를 가지고 있는데요 이 객체는 깃발의 움직임과 사이즈 조절을 담당합니다.

<FlowDocumentReader ViewingMode="Scroll">
  <FlowDocument ColumnWidth="800.0">

  <Paragraph>
    Argentina
    <LineBreak/>
    <Image Margin="20" Height="240"
      Source="{StaticResource Argentina_Flag}"/>
  </Paragraph>
    ...

  </FlowDocument>
</FlowDocumentReader>

아래 툴바에 의해 사이즈가 변경됩니다.

FlowDocumentReader tool bar

- Lorin 씀.