Comment afficher un titre pour l'image lorsque je le survole en JavaFx

Question

Je fais un projet via JavaFx et j'ai une image et je veux afficher des informations sur cette image lorsque je la survole (comme la balise de titre dans html).

Une idée comment puis-je faire cela?

Answer 1

Utilisez Tooltip (Tooltip.install()).

Tooltip.install(myImageView, new Tooltip("This is my image.")); 

Answer 2

La fonctionnalité que vous recherchez est mis en œuvre the Tooltip class et vous pouvez ajouter un à un ImageView en utilisant Tooltip.install:

@Override 
public void start(Stage primaryStage) { 
    Tooltip tooltip = new Tooltip("stackoverflow logo"); 
    ImageView imageView = new ImageView("https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.png?v=9c558ec15d8a"); 
    imageView.setPickOnBounds(true); 
    Tooltip.install(imageView, tooltip); 

    StackPane root = new StackPane(imageView); 

    Scene scene = new Scene(root); 

    primaryStage.setScene(scene); 
    primaryStage.show(); 
} 

Vous pouvez facilement écrire une classe utilitaire qui vous permet d'installer le Tooltip à partir d'un fichier FXML:

package fxml; 

import javafx.scene.Node; 
import javafx.scene.control.Tooltip; 

public final class TooltipUtil { 

    private TooltipUtil() {} 

    public static void setTooltip(Node node, Tooltip tooltip) { 
     Tooltip.install(node, tooltip); 
    } 

    // only here for the FXMLLoader 
    @Deprecated 
    public static Tooltip getTooltip(Node node) { 
     throw new UnsupportedOperationException(); 
    } 

} 

<?xml version="1.0" encoding="UTF-8"?> 

<?import javafx.scene.control.Tooltip?> 
<?import javafx.scene.image.Image?> 
<?import javafx.scene.image.ImageView?> 
<?import javafx.scene.layout.StackPane?> 
<?import fxml.TooltipUtil?> 

<StackPane xmlns:fx="http://javafx.com/fxml/1"> 
    <children> 
     <ImageView pickOnBounds="true" > 
      <image> 
       <Image url="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.png?v=9c558ec15d8a"/> 
      </image> 
      <TooltipUtil.tooltip> 
       <Tooltip text="stackoverflow logo" /> 
      </TooltipUtil.tooltip> 
     </ImageView> 
    </children> 
</StackPane>