c＃uwp自定义工具提示

Question

在C＃UWP中，有没有人知道如何制作自定义工具提示，箭头指向工具提示有界的控件。

像这样：

我试图改变一种风格。

Answer 1

注意：这个答案可能不是正确的方法，但它会起作用

方法1：

使用Polygon绘制ToolTip的边框。如果您想要弯曲边缘，请使用Path。这是一个代码示例。

<Button Content="?" ToolTipService.Placement="Bottom">
    <ToolTipService.ToolTip>
        <ToolTip Background="Transparent" BorderThickness="0">
            <Grid>
                <Polygon Fill="Gainsboro" Points="0,20,0,120,200,120,200,20,110,20,100,0,90,20" Stroke="Black" StrokeThickness="2" />
                <StackPanel Margin="5,25,5,5">
                    <TextBlock Text="Information" FontSize="36" Foreground="Blue"/>
                    <TextBlock Text="This is a button" FontSize="18"/>
                </StackPanel>
            </Grid>
        </ToolTip>
    </ToolTipService.ToolTip>
</Button>

示例输出：

方法2：

您可以使用自定义设计的Image作为ToolTip的边框。不要忘记设置HorizontalAlignment="Stretch"和VerticalAlignment="Stretch"。这是一个代码示例。

<Button Content="?" ToolTipService.Placement="Bottom">
    <ToolTipService.ToolTip>
        <ToolTip Background="Transparent" BorderThickness="0">
            <Grid>
                <Image Source="Assets/ToolTipImage.png" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                <StackPanel Margin="5,25,5,5">
                    <TextBlock Text="Information" FontSize="36" Foreground="Blue"/>
                    <TextBlock Text="This is a button" FontSize="18"/>
                </StackPanel>
            </Grid>
        </ToolTip>
    </ToolTipService.ToolTip>
</Button>