Day 2: XAML 언어 소개 및 WPF UI 구성

 

Day 2: XAML 언어 소개 및 WPF UI 구성

WPF(Windows Presentation Foundation)는 XAML(Extensible Application Markup Language)을 사용하여 UI(User Interface)를 구성합니다. XAML은 XML(Extensible Markup Language) 기반의 마크업 언어로, UI 요소를 구성하는 태그와 속성을 정의합니다.

예를 들어, WPF 애플리케이션에서 다음과 같은 XAML 코드를 사용하여 버튼을 만들 수 있습니다.

<Button Content="Click Me!" Width="100" Height="30" />

위 코드에서 Button 요소는 WPF에서 기본적으로 제공하는 UI 요소 중 하나입니다. Content 속성은 버튼에 표시할 텍스트를 지정하며, Width와 Height 속성은 버튼의 크기를 지정합니다.

또한 XAML을 사용하면 개발자는 UI 요소를 더욱 유연하게 구성할 수 있습니다. 예를 들어, 다음과 같이 StackPanel 요소를 사용하여 여러 개의 버튼을 수직으로 정렬할 수 있습니다.

<StackPanel>
    <Button Content="Button 1" Width="100" Height="30" />
    <Button Content="Button 2" Width="100" Height="30" />
    <Button Content="Button 3" Width="100" Height="30" />
</StackPanel>

위 코드에서 StackPanel 요소는 다른 UI 요소들을 수직으로 정렬하는 레이아웃 요소입니다. 이렇게 XAML을 사용하면 UI를 구성하는 코드를 더욱 직관적으로 작성할 수 있으며, 디자이너와 개발자가 협업하기에도 좋은 환경을 제공합니다.

또한 XAML은 스타일(Style)과 템플릿(Template)을 정의하여 UI 요소를 더욱 다양하게 표현할 수 있습니다. 스타일은 UI 요소에 대한 일관된 모양과 느낌을 지정하며, 템플릿은 UI 요소의 레이아웃과 컨트롤들을 자유롭게 구성할 수 있게 해줍니다.

이러한 XAML의 특징들은 WPF를 사용하여 높은 수준의 UI를 구성하는 데 큰 도움을 줍니다.