WPF Tooltip Binding - PullRequest
Новая
       16

WPF Tooltip Binding

8 голосов
/ 06 февраля 2010

Я только две недели в WPF, так что это, вероятно, тривиальный вопрос. У меня есть коллекция «CellList», в которой есть несколько свойств, которые я хотел бы привязать к ToolTip, поэтому при наведении указателя мыши отображается информация метки из текущего экземпляра CellList. Как я могу это сделать? Я понимаю простое связывание, и это может быть простое связывание, но я не могу обернуть его вокруг. Ниже мой XAML для лейбла. Может ли кто-нибудь объяснить мне, как я могу это сделать. 

<HierarchicalDataTemplate>
      <ListBox ItemsSource="{Binding CellList}">
           <ListBox.ItemTemplate>
               <DataTemplate>
                 <Label Content=" " Height="20" Width="15" Background="{Binding Path=ExptNameBkg, Converter={StaticResource ExptNameToBrushConverter}}"                                                   BorderBrush="Black" BorderThickness="1" >
                  </Label>  
              </DataTemplate>                                    
            </ListBox.ItemTemplate>   
       </ListBox>
</HierarchicalDataTemplate>

Спасибо.

Ответы [ 3 ]

22 голосов
/ 06 февраля 2010

Хитрость в ToolTip s заключается в том, что ToolTip - это объект, который вы связываете с элементом управления, а не часть визуального дерева элемента управления. Таким образом, вы не можете заполнить его так, как вы бы заполнили элементы в визуальном дереве, например ::100100 

<TextBox.ToolTip>
   <StackPanel>
      ...put bound controls here
   </StackPanel>
</TextBox.ToolTip>

Вместо этого вам нужно создать конкретный экземпляр всплывающей подсказки и назначить ему стиль, который устанавливает DataContext (очень важно; именно так вы можете привязать свойства источника данных к его «размещению» target, "т.е. элемент управления, отображающий всплывающую подсказку) и его Template. Затем поместите визуальное дерево ToolTip, включая привязки, в шаблон. Наконец, ссылка на ToolTip в вашем контроле.

Итак, вот TextBox, чья Binding выполняет проверку: 

<TextBox ToolTip="{StaticResource ErrorToolTip}">
    <TextBox.Text>
        <Binding Source="SourceProperty">
            <Binding.ValidationRules>
               <DataErrorValidationRule/>
            </Binding.ValidationRules>
        </Binding>
    </TextBox.Text>
</TextBox>

Использует это ToolTip: 

<ToolTip x:Key="ErrorToolTip" Style="{StaticResource ErrorToolTipStyle}"/>

И ToolTip использует этот стиль, который получает свое содержимое из свойства ValidationError источника привязки TextBox: 

<Style x:Key="ErrorToolTipStyle" TargetType="{x:Type ToolTip}">
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="HasDropShadow" Value="True"/>
    <Setter Property="DataContext" Value="{Binding Path=PlacementTarget.DataContext, RelativeSource={RelativeSource Self}}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToolTip">
                <Border
                    Name="Border" 
                    BorderThickness="1" 
                    BorderBrush="LightGray">
                    <StackPanel Orientation="Vertical">
                        <Label Background="Firebrick" Foreground="White" FontWeight="Bold" Margin="4">Validation error</Label>
                        <TextBlock Margin="10" Text="{Binding ValidationError}"/>
                    </StackPanel>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="HasDropShadow" Value="true">
                        <Setter TargetName="Border" Property="CornerRadius" Value="4"/>
                        <Setter TargetName="Border" Property="SnapsToDevicePixels" Value="true"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Я не уверен в этом, но я думаю, что единственная часть вышеперечисленного, которая фактически должна быть установлена ​​в стиле, это DataTrigger, устанавливающая DataContext; Я думаю, что большинство всего остального можно просто явно указать в визуальном дереве ToolTip. Но я, наверное, не думаю о чем-то важном.

18 голосов
/ 06 февраля 2010 
<Label Content={Binding Path=Id} ToolTip={Binding Path=Name}/>

просто попробуйте это

4 голосов
/ 06 февраля 2010

Вот пример, готовый к kaxaml, который содержит всплывающую подсказку, которая немного сложнее, чем просто текст: 

<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Page.Resources>
    <XmlDataProvider x:Key="CharacterData">
      <x:XData>
        <Data xmlns="">
          <Character First="Bart" Last="Simpson" Background="LightGreen" />
          <Character First="Homer" Last="Simpson" Background="LightBlue" />
          <Character First="Lisa" Last="Simpson" Background="Pink" />
          <Character First="Maggie" Last="Simpson" Background="Yellow" />
          <Character First="Marge" Last="Simpson" Background="PapayaWhip" />
        </Data>
      </x:XData>
    </XmlDataProvider>
    <ToolTip x:Key="ElaborateToolTip">
      <Grid Margin="5">
        <Rectangle RadiusX="6" RadiusY="6" Fill="{Binding XPath=@Background}" />
        <StackPanel Orientation="Horizontal" Margin="10">
          <TextBlock Text="{Binding XPath=@First}" Margin="0,0,6,0" />
          <TextBlock Text="{Binding XPath=@Last}" />
        </StackPanel>
      </Grid>
    </ToolTip>
  </Page.Resources>
  <ListBox ItemsSource="{Binding Source={StaticResource CharacterData}, XPath=Data/Character}">
    <ListBox.ItemContainerStyle>
      <Style TargetType="{x:Type ListBoxItem}">
        <Setter Property="ToolTip" Value="{StaticResource ElaborateToolTip}" />
      </Style>
    </ListBox.ItemContainerStyle>
    <ListBox.ItemTemplate>
      <DataTemplate>
        <TextBlock Text="{Binding XPath=@First}" />
      </DataTemplate>
    </ListBox.ItemTemplate>
  </ListBox>
</Page>
...