[C#/WPF] ToolTipService 엘리먼트 : 툴팁 표시하기

■ ToolTipService 엘리먼트를 사용해 툴팁을 표시하는 방법을 보여준다.

▶ 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.HorizontalOffset="10"
        ToolTipService.VerticalOffset="20"
        ToolTipService.Placement="Right"
        ToolTipService.PlacementRectangle="50 0 0 0"
        ToolTipService.InitialShowDelay="1000"
        ToolTipService.ShowDuration="7000"
        ToolTipService.BetweenShowDelay="2000"
        ToolTipService.HasDropShadow="false"
        ToolTipService.ShowOnDisabled="true"
        ToolTipService.IsEnabled="true">
        <Ellipse.ToolTip>
            <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>
        </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.HorizontalOffset="10"

ToolTipService.VerticalOffset="20"

ToolTipService.Placement="Right"

ToolTipService.PlacementRectangle="50 0 0 0"

ToolTipService.InitialShowDelay="1000"

ToolTipService.ShowDuration="7000"

ToolTipService.BetweenShowDelay="2000"

ToolTipService.HasDropShadow="false"

ToolTipService.ShowOnDisabled="true"

ToolTipService.IsEnabled="true">

<Ellipse.ToolTip>

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

</Ellipse.ToolTip>

</Ellipse>

</Window>

TestProject.zip