WPF,工具提示/边框中这个奇怪的空白是怎么回事

问题描述 投票:0回答:3

我设计了一个工具提示,就像

<Setter Property="ToolTip">
    <Setter.Value>
        <Border Background="Red" CornerRadius="5" Padding="5" Margin="0">
            <TextBlock Text="Hello" Foreground="White" />
        </Border>
    </Setter.Value>
</Setter>

它的渲染效果如下

alt text

那个白色“矩形”是什么?我怎样才能摆脱它

wpf styles
3个回答
27
投票

该矩形来自

ControlTemplate
控件的
ToolTip
,其中将包含您在
Control.ToolTip
中设置的任何内容。你必须覆盖它:

<Style TargetType="ToolTip">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToolTip">
                <ContentPresenter />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

2
投票

您是否尝试过直接减少工具提示的填充:

<ToolTip Padding="0" >
...
</Tooltip>

0
投票

这100%有效。此致,大卫普。 将其粘贴到按钮内:

                            <ToolTip Background="Transparent" BorderThickness="0">

                                <Border CornerRadius="10"
                                        BorderBrush="#your-color"
                                        Background="#your-color">
                                    <Grid Height="your-height">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                        </Grid.ColumnDefinitions>
                                        <Image Source="Images/logo.png" Margin="10,0,0,0" Width="16" Height="16" Grid.Column="0" VerticalAlignment="Center"/>
                                        <TextBlock Text="yout-text"
                                               FontFamily="Montserrat"
                                               FontSize="11"
                                               Grid.Column="1"
                                               VerticalAlignment="Center"
                                               Margin="10,0,10,0"/>
                                    </Grid>
                                </Border>
                            </ToolTip>
                        </Button.ToolTip>```
© www.soinside.com 2019 - 2024. All rights reserved.