[C#/WPF] Popup 엘리먼트 : PlacementRectangle 속성을 사용해 팝업 표시하기

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

TestProject.zip

0.01MB

▶ 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>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Canvas Grid.Column="0"
            Width="200"
            Height="200"
            Background="Red">
            <Rectangle Canvas.Left="50" Canvas.Top="50"
                Width="100"
                Height="100"
                Stroke="White"
                StrokeThickness="3" />
            <Popup
                PlacementRectangle="50 50 50 100"
                IsOpen="True">
                <TextBlock
                    Width="140"
                    Background="Yellow"
                    FontSize="14"
                    TextWrapping="Wrap">
                    This is a popup with a PlacementRectangle.
                </TextBlock>
            </Popup>
        </Canvas>
        <Canvas Grid.Column="1"
            Width="200"
            Height="200"
            Background="Red">
            <Rectangle Canvas.Left="50" Canvas.Top="50"
                Width="100"
                Height="100"
                Stroke="White"
                StrokeThickness="3" />
            <Popup IsOpen="True">
                <TextBlock
                    Width="140"
                    Background="Yellow"
                    FontSize="14"
                    TextWrapping="Wrap">
                    This is a popup without a PlacementRectangle.
                </TextBlock>
            </Popup>
        </Canvas>
    </Grid>
</Window>