[C#/WPF] ControlTemplate 엘리먼트 : ToolTip 엘리먼트 정의하기

■ ControlTemplate 엘리먼트를 사용해 ToolTip 엘리먼트를 정의하는 방법을 보여준다.

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">
    <Window.Resources>
        <Color x:Key="ControlLightColorKey">White</Color>
        <Color x:Key="ControlMediumColorKey">#ff7381f9</Color>
        <Color x:Key="BorderMediumColorKey">#ff888888</Color>
        <Style x:Key="{x:Type ToolTip}" TargetType="ToolTip">
            <Setter Property="OverridesDefaultStyle" Value="true" />
            <Setter Property="HasDropShadow"         Value="True" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ToolTip">
                        <Border Name="border"
                            Width="{TemplateBinding Width}"
                            Height="{TemplateBinding Height}"
                            BorderThickness="1">
                            <Border.Background>
                                <LinearGradientBrush
                                    StartPoint="0 0"
                                    EndPoint="0 1">
                                    <LinearGradientBrush.GradientStops>
                                        <GradientStopCollection>
                                            <GradientStop Offset="0.0" Color="{DynamicResource ControlLightColorKey}"  />
                                            <GradientStop Offset="1.0" Color="{DynamicResource ControlMediumColorKey}" />
                                        </GradientStopCollection>
                                    </LinearGradientBrush.GradientStops>
                                </LinearGradientBrush>
                            </Border.Background>
                            <Border.BorderBrush>
                                <SolidColorBrush Color="{DynamicResource BorderMediumColorKey}" />
                            </Border.BorderBrush>
                            <ContentPresenter
                                HorizontalAlignment="Left"
                                VerticalAlignment="Top"
                                Margin="4" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="HasDropShadow" Value="true">
                                <Setter
                                    TargetName="border"
                                    Property="CornerRadius"
                                    Value="4" />
                                <Setter
                                    TargetName="border"
                                    Property="SnapsToDevicePixels"
                                    Value="true" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Width="100"
        Height="30"
        Content="테스트">
        <Button.ToolTip>
            <ToolTip>
                <Ellipse
                    Margin="10"
                    Width="100"
                    Height="100"
                    Fill="Yellow" />
            </ToolTip>
        </Button.ToolTip>
    </Button>
</Window>