[WPF] XAML을 통해 Label로 HelloWorld 출력

- 개발 환경

Window 11 (버전 24H2)

Visual Studio Community 2022 (17.13.5)

.NET framework 4.7.2

---

1. 서론

  WPF에서 좀더 구체적인 UI 또는 반응형 UI을 개발하기 위해서는 XAML으로 UI를 개발할수 밖에 없습니다. 가장 기본적인 Hello World를 Label로 출력해 보겠습니다. 지금 당장은 이해가 안가는 부분이 많겠지만 한번 천천히 따라하면서 설명하도록 하겠습니다.

 

2. XAML에서 Label 작성

    <Grid>
        <Label Content="Hello world"/>
    </Grid>

  Grid는 컨트롤을 배치하는 방법 중 하나입니다. 그리고 이러한 컨트롤을 배치하는 방법은 다양하게 존재합니다. Grid와 같은 컨트롤을 Panel이라고 합니다. 

  Label은 단순히 텍스트를 출력해주는 컨트롤입니다. Content는 Label의 수많은 속성 중 하나입니다. Content는 label에 출력할 문자열을 지정하는 속성입니다.

 

  HelloWorld가 출력되었지만 글자가 매우 작습니다. 또한 Control의 크기를 따로 지정해주지 않으면 부모 컨트롤의 크기로 자동적으로 설정됩니다. 이러한 문제를 해결하기 위해 Label 컨트롤에 속성을 추가하도록 하겠습니다.

    <Grid>
        <Label Content="Hello world" FontSize="42"
               HorizontalAlignment="Center"
               VerticalAlignment="Center"/>
    </Grid>

 - Label 속성 설명

  FontSize="42"

         글자의 크기를 설정합니다.

  HorizontalAlignment="Center"

         Label의 컨트롤를 수평에 대해서 가운데로 정렬합니다.

         또한, 컨트롤의 높이를 내부 크기에 맞추어 자동으로 조절합니다.

  VerticalAlignment="Center"

         Label의 컨트롤를 수직에 대해서 가운데로 정렬합니다.

         또한, 컨트롤의 너비를 내부 크기에 맞추어 자동으로 조절합니다.

3. 동작 확인

 

윈도우 크기를 조절하더라도 Label이 가운데에 정렬되어 있는 것을 확인할 수 있습니다.