在C#UWP中,我正在创建自定义工具提示样式。
我更改了工具提示的默认样式,如下所示。
<Style TargetType="ToolTip">
<Setter Property="Foreground" Value="White" />
<Setter Property="Background" Value="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}" />
<Setter Property="BorderBrush" Value="{ThemeResource SystemControlForegroundChromeHighBrush}" />
<Setter Property="BorderThickness" Value="{ThemeResource ToolTipBorderThemeThickness}" />
<Setter Property="FontSize" Value="{ThemeResource ToolTipContentThemeFontSize}" />
<Setter Property="Padding" Value="40,40,40,35"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ToolTip">
<Grid Background="Transparent">
<Grid
MinWidth="100"
MinHeight="90"
Height="{TemplateBinding Height}"
Width="{TemplateBinding Width}"
Padding="15"
Background="Transparent">
<local:ArrowDown x:Name="arrowDown" TooltipPlacement="{TemplateBinding Placement}"/>
而且我的自定义控件ArrowDown正在获取ToolTip位置的信息,因此我可以显示它取决于Tooltip是在控件上方还是在控件上方。
在ArrowDown控件中,我添加了一个DependencyProperty,如下所示:
public PlacementMode TooltipPlacement
{
get { return (PlacementMode)GetValue(TooltipPlacementProperty); }
set { SetValue(TooltipPlacementProperty, value); }
}
public static readonly DependencyProperty TooltipPlacementProperty =
DependencyProperty.Register("TooltipPlacement", typeof(PlacementMode), typeof(ArrowDown), new PropertyMetadata(null, TooltipPlacementChangedCallback));
private static void TooltipPlacementChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var self = (ArrowDown)d;
self.CalculateArrowVisibility();
}
// Method to show or hide arrow
private void CalculateArrowVisibility()
{
}
而且问题在于,仅在第一次显示工具提示时才触发CalculateArrowVisibility,并且无论工具提示是显示在控件上方还是下方,它始终为TooltipPlacement返回Top。
每当显示工具提示时,都需要触发CalculateArrowVisibility,并且需要TooltipPlacement属性来显示工具提示是“控件”之下还是“控件之上”。
有人对此有想法吗?
最佳答案
事实是您不能使用ToolTipService
附加属性(例如<Button ToolTipService.Placement="Bottom" ToolTipService.ToolTip="!!!" />
)来定义工具提示及其放置位置。这样,不会在实际的Placement
控件本身上设置ToolTip
,这就是为什么它将始终返回Top
的原因。
为了使ToolTip
传递其Placement
值到您的自定义依赖项属性,您将必须像下面这样附加它-
<Button>
<ToolTipService.ToolTip>
<ToolTip Placement="Bottom" Content="Hahaha..." />
</ToolTipService.ToolTip>
</Button>
更新资料
事实证明,即使应用程序窗口将工具提示推到其父对象的上方或下方,其
Placement
值也不会改变,但其水平和垂直偏移量才改变。因此,在您的情况下,如果我们可以算出其确切的垂直偏移,则可以确定工具提示是在其上方还是下方(其父级)。
假定我们有一个
ToolTip
样式,我们可以创建一个ToolTip
类型的附加属性,并将其附加到包含Grid
控件的ArrowDown
上。<Grid MinWidth="100"
MinHeight="90"
Height="{TemplateBinding Height}"
Width="{TemplateBinding Width}"
Padding="15"
Background="Transparent"
local:ToolTipHelper.ToolTip="{Binding RelativeSource={RelativeSource TemplatedParent}}">
因为
TemplatedParent
的Grid
是ToolTip
,所以我们可以使用RelativeSource
绑定将屏幕上的ToolTip
与我们的附加属性链接,如上所示。现在,我们有了对实际
ToolTip
的引用,让我们找到它的偏移量。经过一些挖掘,我发现ToolTip
的偏移量始终为0
,它们是无用的;但是,其父级的偏移量-Popup
有时会为我提供正确的值,但并非总是如此。这是因为我正在使用尚未填充这些值的Opened
事件;我将其更改为SizeChanged
时,他们一直在给我期望值。public static class ToolTipHelper
{
public static ToolTip GetToolTip(DependencyObject obj)
{
return (ToolTip)obj.GetValue(ToolTipProperty);
}
public static void SetToolTip(DependencyObject obj, ToolTip value)
{
obj.SetValue(ToolTipProperty, value);
}
public static readonly DependencyProperty ToolTipProperty =
DependencyProperty.RegisterAttached("ToolTip", typeof(ToolTip), typeof(ToolTipHelper),
new PropertyMetadata(null, (s, e) =>
{
var panel = (Panel)s; // The Grid that contains the ArrowDown control.
var toolTip = (ToolTip)e.NewValue;
// We need to monitor SizeChanged instead of Opened 'cause the offsets
// are yet to be properly set in the latter event.
toolTip.SizeChanged += (sender, args) =>
{
var popup = (Popup)toolTip.Parent; // The Popup that contains the ToolTip.
// Note we have to use the Popup's offset here as the ToolTip's are always 0.
var arrowDown = (ArrowDown)panel.FindName("arrowDown");
arrowDown.TooltipPlacement = popup.VerticalOffset > 0
? PlacementMode.Bottom
: PlacementMode.Top;
};
}));
}
现在,通过这种方法,您也应该能够使用
ToolTipService
附加属性。因此,以下XAML将起作用。<Button ToolTipService.ToolTip="!!!" Content="Hover Me" />
希望这可以帮助!
关于c# - C#uwp工具提示放置属性未更新,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44881804/