[C#/WPF] ToolTip 엘리먼트 : Placement/PlacementRectangle 속성 사용하기

■ ToolTip 엘리먼트의 Placement/PlacementRectangle 속성을 사용해 툴팁을 표시하는 방법을 보여준다.

▶ 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">
    <Ellipse
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Width="200"
        Height="200"
        Fill="Gray"
        ToolTipService.InitialShowDelay="1000"
        ToolTipService.ShowDuration="7000"
        ToolTipService.BetweenShowDelay="2000">
        <Ellipse.ToolTip>
            <ToolTip
                HorizontalOffset="10"
                VerticalOffset="20"
                Placement="Right"
                PlacementRectangle="50 0 0 0"
                HasDropShadow="false">
                <BulletDecorator>
                    <BulletDecorator.Bullet>
                        <Ellipse
                            VerticalAlignment="Center"
                            Width="20"
                            Height="20"
                            Fill="Blue" />
                    </BulletDecorator.Bullet>
                    <TextBlock
                        VerticalAlignment="Center"
                        Margin="10 0 0 0">
                        Uses the ToolTip Class
                    </TextBlock>
                </BulletDecorator>
            </ToolTip>
        </Ellipse.ToolTip>
    </Ellipse>
</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">

<Ellipse

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="200"

Height="200"

Fill="Gray"

ToolTipService.InitialShowDelay="1000"

ToolTipService.ShowDuration="7000"

ToolTipService.BetweenShowDelay="2000">

<Ellipse.ToolTip>

<ToolTip

HorizontalOffset="10"

VerticalOffset="20"

Placement="Right"

PlacementRectangle="50 0 0 0"

HasDropShadow="false">

<BulletDecorator.Bullet>

<Ellipse

VerticalAlignment="Center"

Width="20"

Height="20"

Fill="Blue" />

</BulletDecorator.Bullet>

<TextBlock

VerticalAlignment="Center"

Margin="10 0 0 0">

Uses the ToolTip Class

</TextBlock>

</BulletDecorator>

</ToolTip>

</Ellipse.ToolTip>

</Ellipse>

</Window>

TestProject.zip