Как заставить всплывающую подсказку появляться в фиксированном положении (в данном случае: левый нижний угол страницы)

У меня есть несколько элементов (в форме прямоугольников) внутри "Карусели" (которая опять-таки в основном просто необычная PathListBox)

Когда мышь наводит курсор на один из этих прямоугольников, появляется всплывающая подсказка с некоторой информацией. Внешний вид прямоугольников определяется DataTemplate. Начало xaml этого DataTemplate отображается здесь:

<Carousel:CarouselControl.DataTemplateToUse>
<DataTemplate>
    <Grid ShowGridLines="True">
          <Grid.ToolTip>
              <ToolTip Placement="Right" 
                      PlacementRectangle="50,0,0,0"
                      HorizontalOffset="10" 
                      VerticalOffset="20"
                      HasDropShadow="false"
                      PlacementTarget="{Binding ElementName=Box512}"
                      >
                      <BulletDecorator>                                                   
                            <TextBlock Text="{Binding Text}"/>
                      </BulletDecorator>
              </ToolTip>
        </Grid.ToolTip>

        //further xaml code defining the DataTemplate 

Просто для полноты, это xaml для "Box512":

      <Border x:Name="Box512" Grid.Row="2" Grid.Column="1"  Grid.RowSpan="4" 
                    Grid.ColumnSpan="2" BorderThickness="0" Opacity="0.5">
            <Image>
                <Image.Style>
                    <Style TargetType="Image">
                        <Setter Property="Source" Value="Resources/Box512.ico"/>
                    </Style>
                </Image.Style>
            </Image>
        </Border>

Подсказка должна отображаться в фиксированном месте в нижнем левом углу страницы рядом с элементом XAML с именем "Box512".

Для этого я использовал "PlacementTarget"- свойство всплывающей подсказки. Я пытался (как вы можете видеть в коде выше):

 PlacementTarget="{Binding ElementName=Box512}"

Это не сработало. Вместо левого нижнего угла страницы всплывающая подсказка все еще отображалась в прямоугольнике, над которым висела мышь. Я тогда попробовал:

        PlacementTarget="{x:Bind Box512}"  

... это тоже не сработало.

Итак, мой вопрос: как я могу заставить всплывающую подсказку появляться в той же позиции рядом с Box512, независимо от того, над каким прямоугольником находится моя мышь?


****************************ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ******************** ***

MainWindow.xaml:

<Carousel:CarouselControl x:Name="CarouselControl"                                                             
                       ScaleRange="1.0,1.0" 
                       MaxNumberOfItemsOnPath="4"  
                       SelectedItem="{Binding CurrentData,Mode=TwoWay}"
                       SelectionChanged="CarouselControl_SelectionChanged"
                       ItemsSource="{Binding GraphItems}"      
                       CustomPathElement="{Binding ElementName=customPath}">

<Carousel:CarouselControl.DataTemplateToUse>
     <DataTemplate>

   with this line of code the text inside the tooltip would get displayed BUT 
   the tooltip would not be in the desired location: 

   <!--<Grid ShowGridLines="True">-->

  with this line of code the tooltip is empty but the tooltip 
  is displayed in the desired location: 

      <Grid ShowGridLines="True" ToolTipService.PlacementTarget="{Binding 
      ElementName=Box512}">        

          <Grid.ToolTip>
            <ToolTip Placement="Right" 
                PlacementRectangle="50,0,0,0"
                HorizontalOffset="10" 
                VerticalOffset="20"
                HasDropShadow="false">
                     <BulletDecorator>
                          <BulletDecorator.Bullet>
                              <Ellipse Height="10" Width="20" Fill="Blue"/>
                          </BulletDecorator.Bullet>                         
                          <TextBlock Text="{Binding Text}"/>
                     </BulletDecorator>
             </ToolTip>
         </Grid.ToolTip>

        //further xaml code defining the DataTemplate 

      </Grid>
    </DataTemplate>
  </Carousel:CarouselControl.DataTemplateToUse>
</Carousel:CarouselControl>

MainWindow.cs:

public partial class MainWindow : Window
{
     ///View Model for MainWindow.
     private ViewModels.MainWindowVM mainViewModel = null;


    public MainWindow()
    {
        InitializeComponent();
        //Initialize View Model
        mainViewModel = new ViewModels.MainWindowVM();
        //Set it as Data Context
        this.DataContext = mainViewModel;

        //Close-Event bound
        mainViewModel.RequestClose += delegate 
            (object sender, EventArgs e) { this.Close(); };
    }

}

Список GraphItems определяется как свойство MainViewModel:

 private List<GraphNode> _GraphItems;
    public List<GraphNode> GraphItems
    {
      get { return _GraphItems; }
      private set
      {
        _cGraphItems = value;
        this.RaisePropertyChangedEvent("GraphItems");
      }
    }

Свойство "Текст" связано с классом GraphNode:

GraphNode.cs:

public class GraphNode : ObservableObject
  {
      ///GENERAL INFORMATION
        private string _Text;
        public string Text { 
           get { return _Text; } 
           set { _Text = value; this.RaisePropertyChangedEvent("Text"); } 
      }

     //more code

  }

1 ответ

Вы должны использовать TooltipService, чтобы указать цель размещения:

    <TextBlock Text="Header"  Grid.Row="0" Background="Green" Margin="0,0,0,0" ToolTipService.PlacementTarget="{Binding ElementName=Box512}">
        <TextBlock.ToolTip>
          <ToolTip Placement="Right" 
                  PlacementRectangle="50,0,0,0"
                  HorizontalOffset="10" 
                  VerticalOffset="20"
                  HasDropShadow="false"
                  >
                  <BulletDecorator>                                                   
                        <TextBlock Text="This is the tooltip text"/>
                  </BulletDecorator>
          </ToolTip>
        </TextBlock.ToolTip>
    </TextBlock>
Другие вопросы по тегам