WPF - 在自定义用户控件上绑定工具提示文本时遇到问题

Question

我正在创建一个简单的用户控件；只是一个图像按钮。

我已经成功地将图像绑定到按钮，因此我决定添加一个工具提示。现在我遇到了麻烦。看来我可以在控件的 XAML 中对工具提示的文本进行硬编码，但当它绑定时，它会返回一个空字符串。

这是我的控件的 XAML：

<Button x:Class="BCOCB.DACMS.Controls.ImageButton"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
        Name="this"
        Style="{StaticResource DisabledButton}">

    <Image Source="{Binding ElementName=this, Path=Source}" />    
    <Button.ToolTip>
        <TextBlock Text="{Binding ElementName=this, Path=ToolTipText}" />
    </Button.ToolTip>
</Button>

这是工具提示文本的依赖属性信息：

public static readonly DependencyProperty ToolTipTextProperty = DependencyProperty.Register("ToolTipText", typeof(string), typeof(ImageButton));
public string ToolTipText
{
  get
  {
    return this.GetValue(ToolTipTextProperty) as string;
  }
  set
  {
    this.SetValue(ToolTipTextProperty, value);
  }
}

最后，我的窗口中的控件声明：

<controls:ImageButton x:Name="btnAdd" Source="/DACMS;component/Resources/plus.png" ToolTipText="Add New Item" Click="btnAdd_Click" />

正如我之前提到的，图像绑定得很好，而且我已经在同样的方式。

有什么想法吗？

谢谢，
桑尼

编辑：我现在可以使用了。我已从绑定中删除了 ElementName，并在实例化后面的代码中设置了 TextBlock 的 DataContext = this。不过，我想知道如何在 XAML 中解决此问题。

Answer 1

我现在无法对此进行测试，但您可以尝试：

<Button.ToolTip
      DataContext=”{Binding Path=PlacementTarget.Parent.Parent,
                    RelativeSource={x:Static RelativeSource.Self}}"
>
    <TextBlock Text="{Binding Path=ToolTipText}" />
</Button.ToolTip>

您可能需要对 PlacementTarget 中“Parent”的数量进行一些实验。

希望这有效。我不喜欢给出未经测试的答案，但我这台计算机上没有 VS。 :)

Answer 2

我在绑定到 ContextMenu 时遇到了同样的问题。经过我的研究，我认为这是因为 ToolTip 和 ContextMenu 不存在于页面/窗口/控件的可视树中。因此，DataContext 不是继承的，并且使绑定变得麻烦。

这是我发现对我有用的 Xaml hack。

绑定到菜单项在 WPF 上下文菜单中

Answer 3

通过 xaml 将数据上下文设置为“this”的方法如下所示：

<Control DataContext={Binding RelativeSource={RelativeSource Self}}>

另一方面，wpf 按钮允许其内容是您想要的任何（单个）内容。如果您想要文本以外的内容（即文本和图像），它看起来像这样：

<Button Name="SampleButton" Click="SampleButton_Click">
    <Grid Width="70" Height="62">
        <Label Content="SampleText"/>
        <Image Margin="3,3,3,3" Source="Graphics/sample.ico"/>
    </Grid>
</Button>

Answer 4

由于除了工具提示 TextBlock 上的文本之外，您没有更改任何内容，因此您只需使用内联声明即可为您生成 TextBlock，并且不需要任何黑客技术来解决您遇到的名称范围问题

<Button ... ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=ToolTipText}">...

：可以交替地在图像上设置工具提示并将控件用作 DataContext，这可以解决名称范围问题。 DataContext 将传递到 ToolTip，允许正常绑定：

<Image DataContext="{Binding ElementName=this}" Source="{Binding Source}">
    <Image.ToolTip>
        <TextBlock FontSize="18" Text="{Binding Path=ToolTipText}" />
    </Image.ToolTip>
</Image>

这种方式允许在 TextBlock 或更复杂的视觉效果上进行其他设置。

Answer 5

这修复了工具提示绑定和依赖项属性的问题：

<UserControl x:Class="Extended.InputControls.TextBoxUserControl" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="clr-namespace:Extended.InputControls"
    x:Name="UserControl"
    DataContext="{Binding RelativeSource={RelativeSource Self}}">
    <TextBox x:Name="textBox">
        <TextBox.ToolTip>
            <ToolTip Content="{Binding Path=CustomToolTip}" Background="Yellow"/>
        </TextBox.ToolTip>
    </TextBox>
</UserControl>

而不是这个（不起作用）：

<UserControl x:Class="Extended.InputControls.TextBoxUserControl" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="clr-namespace:Extended.InputControls"
    x:Name="UserControl">
    <TextBox x:Name="textBox">
        <TextBox.ToolTip>
            <ToolTip Content="{Binding ElementName=UserControl, Path=CustomToolTip}" Background="Yellow"/>
        </TextBox.ToolTip>
    </TextBox>
</UserControl>