[Windows Presentation Foundation] WPF란?

개발/Windows

[Windows Presentation Foundation] WPF란?

향포레스트 2023. 8. 4. 15:00

728x90

WPF(Windows Presentation Foundation)

Microsoft에서 개발한 .NET Framework의 일부로, 윈도우 기반의 응용 프로그램을 개발하기 위한 UI 프레임워크입니다. XAML(Extensible Application Markup Language)을 사용하여 선언적으로 UI를 정의하고, .NET Framework의 다양한 기능을 사용할 수 있고, 기존의 Windows Forms 기술을 대체하기 위해 개발되었습니다.

.NET Framework 3.0 에 등장했고, 디자이너와 개발자 간의 협업하게 코드와 UI를 분리하였습니다. .NET 5부터는 크로스 플랫폼 지원하게 통합되어 WPF로 개발된 애플리케이션은 Windows 환경 말고도 리눅스 macOS에서도 실행될 수 있습니다.

필요 사양

.NET 을 사용하려면, 최소 Visual Studio 2019 v16.8이 필요합니다. 더욱 다양한 환경을 사용하려면 더 높은 버전의 Visual Stuido이 필요합니다.

.NET Framework 를 사용한다면, Visual Studio 2017 버전도 사용할 수 있습니다.

XAML

선언적으로 애플리케이션의 UI를 구현할 때 사용하는 XML 기반 태그의 언어입니다. 개발자가 직접 UI를 구현하는 것이 아니라 기술된 선언문을 보고 내부적으로는 어떻게 동작해야 하는지에 대한 세부적인 작업은 해당 기술의 프레임워크가 처리합니다.

XAML 문서에 UI 요소의 구조와 레이아웃, 스타일을 기술하면 WPF가 XAML 문서를 해석하여 UI를 렌더링합니다.

선언적(Declarative)

특정 작업을 어떻게 수행할지를 명시적으로 나타내는 것이 아니라 무엇을 달성하길 원하는지를 기술하는 방식입니다.

그래서 원하는 상태나 결과를 기술하는데 중점을 둡니다. 상태와 결과를 기술하면, 시스템이나 프레임워크가 내부적으로 선언한 내용을 보고 내부적으로 동작하여 처리합니다.

이런 선언적 언어의 장점은 구현 세부 사항에 신경 쓰지 않고, 개념이나 기능의 핵심적인 특징에 집중할 수 있게 됩니다.

WPF의 기본적인 프로그래밍 환경

ASP.NET과 Windows Forms 를 개발한 사람들에게는 익숙한 개발 환경입니다.

Instantiate classes
Set properties
Call methods
Handle events

code-behind(코드 숨김)

code-behind 를 사용해서 사용자가 보는 태그와 연결되는 비지니스 논리 및 데이터에 대한 동작에 대한 코드를 작성할 수 있습니다.

ASP.NET Web Forms에서도 볼 수 있는 형식입니다.

<asp:Button ID="btnSave" runat="server" Text="저장" OnClick="btnSave_Click"></asp:Button>

 protected void btnSave_Click(object sender, EventArgs e)
 {
    // 버튼 클릭 이벤트
 }

XAML 의 태그와 XAML의 code-behind .xaml.cs

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="SDKSample.AWindow"
    Title="Window with Button"
    Width="250" Height="100">
<Hyperlink TextDecorations="None" Click="Hyperlink_Click">
   hyangforest@gmail.com    
</Hyperlink>
</Window>

 public partial class MainWindow : Window
 ...

/// <summary>
/// 푸터 프로그램 문의 이메일 클릭 시 주소 복사하기
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Hyperlink_Click(object sender, RoutedEventArgs e)
{
            Hyperlink hyperlink = (Hyperlink)sender;

            System.Windows.Clipboard.SetText(hyperlink.Inlines.OfType<Run>().FirstOrDefault()?.Text);

            System.Windows.MessageBox.Show("이메일 주소가 복사되었습니다.", "알림");
}


...

ASP.NET Web Forms에서는 ID로 접근한다면, WPF에서는 xmlns:x 네임스페이스를 정의하고 code-behind 형식에 대한 지원을 추가하는 스키마를 매핑합니다. x:Name="btnFindVideo" 속성을 주거나 Name 속성을 주면 .cs에서 접근할 수 있습니다. Window 요소에 선언되어 있기 때문에 코드 숨김 클래스는 Window 클래스에 상속되어야 합니다.

InitializeComponent

code-behind 클래스의 생성자에서 호출되어야 합니다. 태그에서 정의된 UI를 병합하기 위한 메소드입니다.

Layout

Canvas
DockPanel
Grid
StackPanel
VirtualizingStackPanel
WrapPanel

Template

WPF 컨트롤의 기본 사용자 인터페이스는 일반적으로 다른 컨트롤 및 도형에서 구성됩니다. 기본 모양을 변경하고 싶은데, 전체 정의된 모양이랑 충돌될 수가 있습니다. 상호작용이 많이 엮여있는 컨트롤이라면 간단한 변경만 하고 싶을 때에도 복잡하게 코드 변경을 해야 할 수도 있습니다. 이럴 땐, ControlTemplate를 사용하여 해당 콘텐츠 및 동작을 변경하지 않고, 컨트롤의 사용자 인터페이스 모양을 변경할 수 있습니다.

Resources

사용자 인터페이스 리소스에 대한 재사용을 위해 한 곳에서 캡슐화할 수 있습니다. 동일한 모양을 다양한 컨트롤에 공유할 수 있습니다.

<Window.Resources>
    <SolidColorBrush x:Key="defaultBackground" Color="Red" />
  </Window.Resources>
 
   
  <Button Background="{StaticResource defaultBackground}">One Button</Button>

  
  <Label Background="{StaticResource defaultBackground}">One Label</Label>

Style

WPF의 Style을 사용하면 특정 모양을 표준화할 수 있습니다. Style은 형식에 속성 값으로 적용할 수 있습니다. 참조할 때 형식 또는 개체에 따라 모든 항목에 자동으로 적용할 수 있습니다. TargetType을 모든 Button 컨트롤을 대상으로 하기 때문에 Button 컨트롤에 동일한 스타일이 적용됩니다. 개별적으로 줄 수 있습니다.

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="SDKSample.StyleWindow"
    Title="Styles">

    <Window.Resources>
        <!-- Style that will be applied to all buttons for this window -->
        <Style TargetType="{x:Type Button}">
            <Setter Property="Background" Value="Orange" />
            <Setter Property="BorderBrush" Value="Crimson" />
            <Setter Property="FontSize" Value="20" />
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="Margin" Value="5" />
        </Style>
    </Window.Resources>
    <StackPanel>

        <!-- This button will have the style applied to it -->
        <Button>Click Me!</Button>

        <!-- This label will not have the style applied to it -->
        <Label>Don't Click Me!</Label>

        <!-- This button will have the style applied to it -->
        <Button>Click Me!</Button>
        
    </StackPanel>
</Window>

기본 WPF 컨트롤을 사용할 수 있고 사용자가 직접 컨트롤을 만들어서 사용할 수 있습니다. 저는 Windows Forms 보다 확실히 레이아웃의 배치와 정렬을 편리하게 지정할 수 있어서 좋았습니다. 그리고 WPF에서도 기존의 System.Windows.Forms를 using 하여 사용할 수 있기 때문에 더 다양한 기능을 사용할 수 있는 점이 매우 좋았습니다.

참고
https://learn.microsoft.com/ko-kr/dotnet/desktop/wpf/overview/?view=netdesktop-7.0

728x90