Comment faire des miniatures sur Javafx?

Cet article présente comment créer une carte de retrait interactive cliqué dans l'application de bureau Javafx. Après avoir cliqué sur le diagramme de retrait, des images plus grandes seront affichées et une couche de superposition avec des images d'affichage exceptionnelles et ses détails. Semblable aux exemples interactifs de diagrammes de rétrécissement dans W3School.

Tout d'abord, vous devez ajouter la dépendance de la bibliothèque fxpopup:

<code class="language-xml"><dependency>
    <groupId>io.github.hugoquinn2</groupId>
    <artifactId>fxpopup</artifactId>
    <version>1.1.0</version>
</dependency></code>

Créez une miniature simple

Un diagramme rétractable simple ne nécessite qu'une couche de superposition et une image. L'exemple suivant montre comment créer une miniature:

Créer une image sur mesure pour la réduction des diagrammes

<code class="language-java">Rectangle overlay;
FxPopup fxPopup;
ImageView imageView;

@FXML
public void initialize() {
    fxPopup = new FxPopup();
    imageView = new ImageView("https://th.bing.com/th/id/OIP.TnnO-9C6THhBBCzOhTe7mQHaFj?rs=1&pid=ImgDetMain");
    overlay = new Rectangle();
    overlay.setFill(Color.BLACK);
    overlay.setOpacity(0.3);
    overlay.setOnMouseClicked(event -> {
        MasterUtils.remove(imageView);
        MasterUtils.remove(overlay);
    });
}

@FXML
protected void onThumbnails() {
    fxPopup.show(overlay, Pos.CENTER);
    overlay.widthProperty().bind(((Pane) MasterUtils.getRoot()).widthProperty());
    overlay.heightProperty().bind(((Pane) MasterUtils.getRoot()).heightProperty());
    fxPopup.show(imageView, Pos.CENTER);
}</code>

Afin de faciliter la création d'un diagramme étroit, nous créons une classe personnalisée pour hériter de la

et la faire venir avec sa propre fonction d'affichage de diagramme de contraction:

ThumbnailImage ImageView En utilisant la classe personnalisée , vous pouvez facilement créer plusieurs objets de carte de retrait et ajouter à n'importe quel emplacement:

<code class="language-java">public class ThumbnailImage extends ImageView {
    // ... (代码与原文相同) ...
}</code>

À travers les étapes ci-dessus, vous pouvez facilement créer et utiliser des diagrammes rétractables interactifs dans l'application Javafx. Veuillez noter que la classe et les méthodes ThumbnailImage doivent être ajustées en fonction du projet réel.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!