Как разместить нижний центр подсказки

Я пытаюсь расположить свою подсказку так, чтобы она была на дне и в центре моего целевого объекта. Я могу расположить его на дно на ToolTipService.Postion="Bottom", но как разместить его так же, как и в центре?

+8
10 июн. '12 в 21:02
источник поделиться
1 ответ

Согласен, варианты, доступные для позиционирования ToolTip, немного ограничены. Я думаю, вам нужно совместить Placement="Bottom" с HorizontalOffset, чтобы получить позиционирование Bottom/Center.

Чтобы центрировать ToolTip относительно PlacementTarget, вы можете использовать (PlacementTarget.ActualWidth / 2.0) - (ToolTip.ActualWidth / 2.0)

Пример

<Button Content="Test">
    <Button.ToolTip>
        <ToolTip Content="ToolTip Text"
                 Placement="Bottom">
            <ToolTip.HorizontalOffset>
                <MultiBinding Converter="{StaticResource CenterToolTipConverter}">
                    <Binding RelativeSource="{RelativeSource Self}" Path="PlacementTarget.ActualWidth"/>
                    <Binding RelativeSource="{RelativeSource Self}" Path="ActualWidth"/>
                </MultiBinding>
            </ToolTip.HorizontalOffset>
        </ToolTip>
    </Button.ToolTip>
</Button>

CenterToolTipConverter

public class CenterToolTipConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.FirstOrDefault(v => v == DependencyProperty.UnsetValue) != null)
        {
            return double.NaN;
        }
        double placementTargetWidth = (double)values[0];
        double toolTipWidth = (double)values[1];
        return (placementTargetWidth / 2.0) - (toolTipWidth / 2.0);
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotSupportedException();
    }
}

Если вам нужно центрировать несколько ToolTips, вы можете использовать Style как

<Style x:Key="centeredToolTip" TargetType="ToolTip">
    <Setter Property="HorizontalOffset">
        <Setter.Value>
            <MultiBinding Converter="{StaticResource CenterToolTipConverter}">
                <Binding RelativeSource="{RelativeSource Self}" Path="PlacementTarget.ActualWidth"/>
                <Binding RelativeSource="{RelativeSource Self}" Path="ActualWidth"/>
            </MultiBinding>
        </Setter.Value>
    </Setter>
</Style>

<!-- ... -->

<Button Content="Test">
    <Button.ToolTip>
        <ToolTip Style="{StaticResource centeredToolTip}"
                 Placement="Bottom"
                 Content="ToolTip Text"/>
    </Button.ToolTip>
</Button>
+17
10 июн. '12 в 21:30
источник

Посмотрите другие вопросы по метке или Задайте вопрос