Ein tooltip oder etwas ähnliches wird mit den cursor in WPF

Ist es möglich, sich zu bewegen ein Tooltip oder so etwas wie, dass mit dem cursor, wenn die Maus geht auf ein bestimmtes Steuerelement?

Versuchte ich TextBlock, aber Margin - Eigenschaft nicht funktioniert.

    private TextBlock tooltip = new TextBlock();
    private void imgRoom_MouseEnter(object sender, MouseEventArgs e)
    {           
        Point position = e.GetPosition((IInputElement)sender);
        tooltip.Visibility = System.Windows.Visibility.Visible; 
        tooltip.Margin = new Thickness(position.X, position.Y, 0, 0);           
        tooltip.Width = 100;
        tooltip.Height = 100;
        tooltip.Background = new SolidColorBrush(Colors.Red);
    }

    private void imgRoom_MouseMove(object sender, MouseEventArgs e)
    {
        Point position = e.GetPosition((IInputElement)sender);
        tooltip.Margin = new Thickness(position.X, position.Y, 0, 0);
    }
  • Zeigen Sie Ihre code ein, und wir werden wahrscheinlich sehen Sie Ihre Absichten.
  • meinst du du willst das der tooltip, sich zu bewegen zusammen mit der Maus??? Wenn ja, dann nicht, ist das Versagen der Zweck der tooltip??
  • Ja! ir Versagen der Zweck tooltip 😛 Aber ich brauche etwas ähnliches tooltip zu gehen mit der Pfeiltaste 🙂
InformationsquelleAutor Jalal | 2011-09-28
  1. 14

    Können Sie erreichen den Effekt mit einem Popup und einige einfache Eigenschaften auf. Vom Fenster code...

    <Window x:Class="WpfApplication3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
  <Grid>
    <Rectangle Name="rect" Margin="50,50,0,0" Width="100" Height="100" Fill="LightBlue" MouseMove="Rectangle_MouseMove" MouseLeave="Rectangle_MouseLeave" />

    <Popup Name="floatingTip" AllowsTransparency="True" Placement="Relative" PlacementTarget="{Binding ElementName=rect}">
      <TextBlock>Look At Me</TextBlock>
    </Popup>
  </Grid>

</Window>

    Und das ist, was die codebehind Aussehen würde.

    ...
private void Rectangle_MouseMove(object sender, MouseEventArgs e)
{
  if (!floatingTip.IsOpen) { floatingTip.IsOpen = true; }

  Point currentPos = e.GetPosition(rect);

  //The + 20 part is so your mouse pointer doesn't overlap.
  floatingTip.HorizontalOffset = currentPos.X + 20;
  floatingTip.VerticalOffset = currentPos.Y;
}

private void Rectangle_MouseLeave(object sender, MouseEventArgs e)
{
  floatingTip.IsOpen = false;
}
...

    So aus der XAML-Sie können sehen, dass der popup-Platzierung ist in Bezug auf das Rechteck. Wenn Sie die Maus über das Rechteck, wird es sichtbar, und Ihre position wird aktualisiert, sobald die Maus bewegt wird. Das ist natürlich eine sehr einfache Lösung, aber mit einigen kleinen tweaks, Umgang mit events wie der 'MouseEnter' und Eigenschaft Einstellung können Sie kommen mit ein paar wirklich nette Effekte.

    • Tatsächlich, Sie brauchen nicht zu erstellen Sie Ihre eigenen Kurzinfo mit einem Popup als ToolTip wird ein Popup trotzdem. Setzen Sie einfach das ToolTip HorizontalOffset und VerticalOffset, um die aktuelle position der Maus.
    InformationsquelleAutor A.R.
  2. 2

    Ich weiß nicht, ob dies ist eine bewährte Methode, oder wenn es funktioniert gut, aber man könnte eine Adorner.

    Habe ich einen proof-of-concept vor, aber noch nicht verwendet es in ein Produktions-Szenario (noch) nicht. Die adorner kann verwendet werden, um etwas zu schaffen, wie dies (tooltip), oder einen benutzerdefinierten Mauszeiger oder drop-Ziel Symbole.

    Stellen Sie sicher, dass Sie IsHitTestVisible = false wenn die adorner nicht getroffen werden müssen, getestet und könnte erscheinen direkt unter der Mausposition.

    UPDATE

    Nur vollständig Lesen der Beschreibung funktionsindikatoren:

    Allgemeine Anwendungen für funktionsindikatoren gehören:

    • Hinzufügen funktionale Griffe für ein UIElement, mit denen ein Benutzer zu manipulieren, um das element in irgendeiner Weise (Größe ändern, drehen, verschieben, etc.).
    • Visuelles feedback bieten, um verschiedene Zustände, oder in Reaktion auf verschiedene Ereignisse.
    • Overlay visual Dekorationen auf ein UIElement.
    • Visuell Maske oder überschreiben Sie einen Teil oder alle von UIElement.
    InformationsquelleAutor John Bubriski
  3. 0

    Dieser verschiebt den tooltip mit der Maus-cursor.

        private void OnMouseMoveHandler(object sender, MouseEventArgs args)
    {
        if ((sender as FrameworkElement).ToolTip == null)
            (sender as FrameworkElement).ToolTip = new ToolTip() { Placement = PlacementMode.Relative };
        double x = args.GetPosition((sender as FrameworkElement)).X;
        double y = args.GetPosition((sender as FrameworkElement)).Y;
        var tip = ((sender as FrameworkElement).ToolTip as ToolTip);
        tip.Content = tooltip_text;
        tip.HorizontalOffset = x + 10;
        tip.VerticalOffset = y + 10;
    }
    • Wie verwenden Sie, dass hf mit verschiedenen Steuerungen? Wie Wenn ich zwei verschiedene Tasten, die diese Funktion benötigen?
    • Das funktioniert nicht mit QuickInfo-text in XAML definiert, D. H. <TextBlock-ToolTip="wow">Zeug</TextBlock - > Auch, Wenn ich definieren, der tooltip in diesem Mode, wie würde ich sicherstellen, dass der Inhalt korrekt in die event-handler? (Tipp.Inhalt = ??)
    InformationsquelleAutor henon
Schreibe einen Kommentar