Shrlalgo.RvKits/AntdWpfDemo/Views/ToolTipView.xaml

<UserControl x:Class="AntDesignWPFDemo.Views.ToolTipView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:viewmodels="clr-namespace:AntDesignWPFDemo.ViewModels"
             mc:Ignorable="d"
             d:DataContext="{d:DesignInstance Type=viewmodels:ToolTipViewModel}">

    <ScrollViewer>
        <Grid Margin="16,0">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <StackPanel>
                <Label Content="Tooltip" Style="{StaticResource Ant.H1}" />
                <TextBlock Style="{StaticResource Ant.P}" Text="A simple text popup tip." />

                <Label Content="When To Use" Style="{StaticResource Ant.H2}" />
                <TextBlock Style="{StaticResource Ant.P}" Text="The tip is shown on mouse enter, and is hidden on mouse leave. The Tooltip doesn't support complex text or operations.&#x0a;To provide an explanation of a button/text/operation. It's often used instead of the html title attribute." />

                <Label Content="Examples" Style="{StaticResource Ant.H2}" />
            </StackPanel>
            <Grid Grid.Row="1">
                <Grid.Resources>
                    <Style TargetType="antd:AntButton">
                        <Setter Property="Margin" Value="8,0,0,8" />
                    </Style>
                </Grid.Resources>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <StackPanel Margin="8,0">
                    <antd:CodeBox Title="Basic">
                        <antd:CodeBox.Description>The simplest usage.</antd:CodeBox.Description>
                        <antd:CodeBox.Content>
                            <TextBlock Text="Tooltip will show when mouse enter."
                                       ToolTip="prompt text"
                                       ToolTipService.Placement="Top"
                                       ToolTipService.ShowDuration="0" />
                        </antd:CodeBox.Content>
                        <antd:CodeBox.Code>&lt;ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" /&gt;\n\n
                            xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
                            &lt;WrapPanel&gt;
                            &lt;antd:Switch IsChecked="True" /&gt;
                            &lt;/WrapPanel&gt;</antd:CodeBox.Code>
                    </antd:CodeBox>
                    <antd:CodeBox Title="Arrow pointing at the center">
                        <antd:CodeBox.Description>By specifying `arrowPointAtCenter` prop, the arrow will point to the center of the target element.</antd:CodeBox.Description>
                        <antd:CodeBox.Content>
                            <StackPanel>
                                <WrapPanel>
                                    <antd:AntButton Content="Align edge / 边缘对齐" />
                                </WrapPanel>
                                <WrapPanel>
                                    <antd:AntButton Content="Arrow points to center / 箭头指向中心" />
                                </WrapPanel>
                            </StackPanel>
                        </antd:CodeBox.Content>
                        <antd:CodeBox.Code>&lt;ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" /&gt;\n\n
                            xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
                            &lt;WrapPanel&gt;
                            &lt;antd:Switch IsChecked="True" /&gt;
                            &lt;/WrapPanel&gt;</antd:CodeBox.Code>
                    </antd:CodeBox>
                </StackPanel>
                <StackPanel Grid.Column="1" Margin="8,0">
                    <antd:CodeBox Title="Placement">
                        <antd:CodeBox.Description>The ToolTip has 12 placements choice. ToolTipService.Placement="Left"</antd:CodeBox.Description>
                        <antd:CodeBox.Content>
                            <Grid MaxWidth="335">
                                <Grid.RowDefinitions>
                                    <RowDefinition />
                                    <RowDefinition />
                                    <RowDefinition />
                                </Grid.RowDefinitions>
                                <WrapPanel HorizontalAlignment="Center">
                                    <antd:AntButton Content="TL" ToolTip="Prompt Text" ToolTipService.Placement="Top"/>
                                    <antd:AntButton Content="Top" ToolTip="Prompt Text" ToolTipService.Placement="Top"/>
                                    <antd:AntButton Content="TR" ToolTip="Prompt Text" ToolTipService.Placement="Top"/>
                                </WrapPanel>
                                <StackPanel Grid.Row="1" HorizontalAlignment="Left">
                                    <antd:AntButton Content="LT" ToolTip="Prompt Text" ToolTipService.Placement="Left"/>
                                    <antd:AntButton Content="Left" ToolTip="Prompt Text" ToolTipService.Placement="Left"/>
                                    <antd:AntButton Content="LB" ToolTip="Prompt Text" ToolTipService.Placement="Left"/>
                                </StackPanel>
                                <StackPanel Grid.Row="1" HorizontalAlignment="Right">
                                    <antd:AntButton Content="RT" ToolTip="Prompt Text" ToolTipService.Placement="Right"/>
                                    <antd:AntButton Content="Right" ToolTip="Prompt Text" ToolTipService.Placement="Right"/>
                                    <antd:AntButton Content="RB" ToolTip="Prompt Text" ToolTipService.Placement="Right"/>
                                </StackPanel>
                                <WrapPanel Grid.Row="2" HorizontalAlignment="Center">
                                    <antd:AntButton Content="BL" ToolTip="Prompt Text" ToolTipService.Placement="Center"/>
                                    <antd:AntButton Content="Bottom" ToolTip="Prompt Text" ToolTipService.Placement="Center"/>
                                    <antd:AntButton Content="BR" ToolTip="Prompt Text" ToolTipService.Placement="Center"/>
                                </WrapPanel>
                            </Grid>
                        </antd:CodeBox.Content>
                        <antd:CodeBox.Code>&lt;ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" /&gt;\n\n
                            xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
                            &lt;WrapPanel&gt;
                            &lt;antd:Switch IsChecked="True" /&gt;
                            &lt;/WrapPanel&gt;</antd:CodeBox.Code>
                    </antd:CodeBox>
                </StackPanel>
            </Grid>
        </Grid>
    </ScrollViewer>
</UserControl>