我设计了一个工具提示,就像
<Setter Property="ToolTip">
<Setter.Value>
<Border Background="Red" CornerRadius="5" Padding="5" Margin="0">
<TextBlock Text="Hello" Foreground="White" />
</Border>
</Setter.Value>
</Setter>
它的渲染效果如下
那个白色“矩形”是什么?我怎样才能摆脱它
该矩形来自
ControlTemplate
控件的 ToolTip
,其中将包含您在 Control.ToolTip
中设置的任何内容。你必须覆盖它:
<Style TargetType="ToolTip">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ToolTip">
<ContentPresenter />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
您是否尝试过直接减少工具提示的填充:
<ToolTip Padding="0" >
...
</Tooltip>
这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>```