[C#/WPF] Popup 엘리먼트 : Placement/CustomPopupPlacementCallback 속성을 사용해 커스텀 팝업 위치 설정하기

■ Popup 엘리먼트의 Placement/CustomPopupPlacementCallback 속성을 사용해 커스텀 팝업 위치를 설정하는 방법을 보여준다.

▶ 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">
    <Grid>
        <ToggleButton Name="button"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Width="120"
            Height="30"
            Content="Show popup" />
        <Popup Name="popup"
            PlacementTarget ="{Binding ElementName=button}"
            Placement="Custom"
            IsOpen="{Binding ElementName=button, Path=IsChecked}">
            <TextBlock
                Width="200"
                Height="60"
                Background="LightGray"
                TextWrapping="Wrap">
                Popup positioned by using CustomPopupPlacement callback delegate
            </TextBlock>
        </Popup>
    </Grid>
</Window>

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

<Grid>

<ToggleButton Name="button"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="120"

Height="30"

Content="Show popup" />

<Popup Name="popup"

PlacementTarget ="{Binding ElementName=button}"

Placement="Custom"

IsOpen="{Binding ElementName=button, Path=IsChecked}">

<TextBlock

Width="200"

Height="60"

Background="LightGray"

TextWrapping="Wrap">

Popup positioned by using CustomPopupPlacement callback delegate

</TextBlock>

</Popup>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;
using System.Windows.Controls.Primitives;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.popup.CustomPopupPlacementCallback = new CustomPopupPlacementCallback(SetPopupLocation);
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 팝업 위치 설정하기 - SetPopupLocation(popupSize, targetSize, offset)

        /// <summary>
        /// 팝업 위치 설정하기
        /// </summary>
        /// <param name="popupSize">팝업 크기</param>
        /// <param name="targetSize">타겟 크기</param>
        /// <param name="offset">오프셋</param>
        /// <returns>커스텀 팝업 배치 배열</returns>
        private CustomPopupPlacement[] SetPopupLocation(Size popupSize, Size targetSize, Point offset)
        {
            CustomPopupPlacement placement1 = new CustomPopupPlacement(new Point(-50, 100), PopupPrimaryAxis.Vertical  );
            CustomPopupPlacement placement2 = new CustomPopupPlacement(new Point( 10, 20 ), PopupPrimaryAxis.Horizontal);

            CustomPopupPlacement[] placementArray = new CustomPopupPlacement[] { placement1, placement2 };

            return placementArray;
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls.Primitives;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.popup.CustomPopupPlacementCallback = new CustomPopupPlacementCallback(SetPopupLocation);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 팝업 위치 설정하기 - SetPopupLocation(popupSize, targetSize, offset)

/// <summary>

/// 팝업 위치 설정하기

/// </summary>

/// <param name="popupSize">팝업 크기</param>

/// <param name="targetSize">타겟 크기</param>

/// <param name="offset">오프셋</param>

/// <returns>커스텀 팝업 배치 배열</returns>

private CustomPopupPlacement[] SetPopupLocation(Size popupSize, Size targetSize, Point offset)

{

CustomPopupPlacement placement1 = new CustomPopupPlacement(new Point(-50, 100), PopupPrimaryAxis.Vertical );

CustomPopupPlacement placement2 = new CustomPopupPlacement(new Point( 10, 20 ), PopupPrimaryAxis.Horizontal);

CustomPopupPlacement[] placementArray = new CustomPopupPlacement[] { placement1, placement2 };

return placementArray;

}

#endregion

}

TestProject.zip