WPF PageFunction 사용방법

WPF PageFunction 사용방법

 

PageFunction은 마법사 형태의 인터페이스나 다단계 프로세스를 구현할 때 유용한 기능으로

쉽게 설명하면 Navigation 구조에서 리턴이 있는 페이지 라고 보면 됩니다.

예를들어 회원가입 절차를 진행할 때 주소입력 시 주소를 조회하기 위한 화면이 뜨고

주소 검색이 끝나면 다시 원래 페이지로 돌아와 주소가 입력되게 되는데

주소를 조회하기 위한 화면이 PageFunction 으로 구현하면 됩니다.

 

MainWindow.xaml

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        WindowStartupLocation="CenterScreen"
        Title="MainWindow" Height="400" Width="250">
    <Grid>
        <Frame Source="MainPage.xaml" />
    </Grid>
</Window>

MainWindow.xaml.cs

using System.Windows;
 
namespace WpfApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

 

호출될 PageFunction 페이지를 만듭니다.

InputAddressPage.xaml

<PageFunction x:Class="WpfApp.InputAddressPage"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:sys="clr-namespace:System;assembly=mscorlib"
              x:TypeArguments="sys:String"
              mc:Ignorable="d"
              d:DesignHeight="300" d:DesignWidth="300"
              Title="InputAddressPage" Background="Yellow">
    <StackPanel>
        <TextBlock Name="addressTextBlock" Text="주소를 입력하세요" VerticalAlignment="Center"/>
        <TextBox Name="addressTextBox" VerticalAlignment="Center"/>
        <Button Name="inputButton" Content="입력" Click="InputButton_Click" />
    </StackPanel>
</PageFunction>

InputAddressPage.xaml.cs

using System.Windows;
using System.Windows.Navigation;
 
namespace WpfApp
{
    public partial class InputAddressPage : PageFunction<string>
    {
        public InputAddressPage()
        {
            InitializeComponent();
        }
 
        /// <summary>
        /// 입력 버튼 클릭시 이벤트입니다.
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void InputButton_Click(object sender, RoutedEventArgs e)
        {
            // MainPage 로 값을 넘겨줍니다.
            OnReturn(new ReturnEventArgs<string>(this.addressTextBox.Text));
        }
    }
}

 

MainPage 에서 위에서 만든 PageFunction 페이지를 호출하고 입력값을 리턴 받도록 합니다.

MainPage.xaml

<Page x:Class="WpfApp.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      mc:Ignorable="d"
      d:DesignHeight="450" d:DesignWidth="250"
      Title="Page1" Background="White">
    <StackPanel>
        <StackPanel Orientation="Horizontal" Margin="5">
            <Label Content="이름 : " VerticalAlignment="Center" />
            <TextBox Background="LightGray" VerticalAlignment="Center" Width="100"/>
        </StackPanel>
        <Button Name="addressButton" Content="주소입력" Click="AddressButton_Click" />
        <StackPanel Orientation="Horizontal" Margin="5">
            <Label Content="주소 : " VerticalAlignment="Center" />
            <TextBlock Name="addressTextBlock" Background="LightGray" Width="200" VerticalAlignment="Center"/>
        </StackPanel>
    </StackPanel>
</Page>

MainPage.xaml.cs

using System.Windows.Controls;
using System.Windows.Navigation;
 
namespace WpfApp
{
    public partial class MainPage : Page
    {
        public MainPage()
        {
            InitializeComponent();
        }
 
        /// <summary>
        /// 주소입력 버튼 클릭이벤트입니다.
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void AddressButton_Click(object sender, System.Windows.RoutedEventArgs e)
        {
            InputAddressPage inputAddressPage = new InputAddressPage();
 
            inputAddressPage.Return += new ReturnEventHandler<string>(InputAddressPage_Return);
 
            NavigationService.Navigate(inputAddressPage);
        }
 
        /// <summary>
        /// InputAddressPage 가 닫혔을 때 결과값을 받아 처리하는 이벤트입니다.
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        void InputAddressPage_Return(object sender, ReturnEventArgs<string> e)
        {
            this.addressTextBlock.Text = e.Result;
        }
    }
}

 

 메인화면

 PageFunction 페이지 호출

 입력이 끝나면 다시 메인 화면으로 입력한값 전달