[C#/WPF] Image 엘리먼트 : FlowDirection 속성 사용하기

■ Image 엘리먼트의 FlowDirection 속성을 설정하는 방법을 보여준다. 다른 UI 요소와 달리 이미지는 컨테이너에서 FlowDirection을 상속하지 않는다. 그러나 FlowDirection이 명시적으로 RightToLeft로 설정되면 이미지가 가로로 뒤집혀 표시된다. 이는 양방향 콘텐츠 개발자를 위한 편리한 기능으로 구현된다. 경우에 따라 이미지를 가로로 뒤집으면 원하는 효과가 나오기 때문이다.

TestProject.zip

0.31MB

▶ MainWindow.xaml

<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        FlowDirection="RightToLeft">
        <Separator Height="10" />
        <Image
            Height="125"
            Source="IMAGE/sample.png" />
        <Separator Height="10" />
        <Image
            Height="125"
            FlowDirection="LeftToRight"
            Source="IMAGE/sample.png" />
        <Separator Height="10" />
        <Image
            Height="125"
            FlowDirection="RightToLeft"
            Source="IMAGE/sample.png" />
        <Separator Height="10" />
    </StackPanel>
</Window>