[C#/WPF] UIElement 엘리먼트 : RenderTransform 속성에서 ScaleTransform 엘리먼트를 사용해 컨텐츠 뒤집기

icodebroker MICROSOFT 2024-06-19

■ UIElement 엘리먼트의 RenderTransform 속성에서 ScaleTransform 엘리먼트를 사용해 컨텐츠를 뒤집는 방법을 보여준다.

▶ 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">
        <Button
            Foreground="Red"
            FontSize="32"
            Content="테스트 버튼">
            <Button.RenderTransform>
                <ScaleTransform ScaleY="-1" />
            </Button.RenderTransform>
        </Button>
        <TextBlock
            Margin="0 10 0 0"
            Foreground="Blue"
            FontSize="32">
            <Bold>텍스트 블럭</Bold>
            <TextBlock.RenderTransform>
                <ScaleTransform ScaleY="-1" />
            </TextBlock.RenderTransform>
        </TextBlock>
    </StackPanel>
</Window>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

<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">

<Button

Foreground="Red"

FontSize="32"

Content="테스트 버튼">

<Button.RenderTransform>

</Button.RenderTransform>

</Button>

<TextBlock

Margin="0 10 0 0"

Foreground="Blue"

FontSize="32">

<TextBlock.RenderTransform>

</TextBlock.RenderTransform>

</TextBlock>

</StackPanel>

</Window>

TestProject.zip

.NETFRAMEWORK C# CONTROL MICROSOFT WPF