Javafxでサムネイルを作るにはどうすればよいですか？

この記事では、Javafxデスクトップアプリケーションでクリックされたインタラクティブな収縮マップを作成する方法を紹介します。収縮図をクリックした後、大きな画像が表示され、優れた表示画像とその詳細を備えた重ね合わせ層が表示されます。 w3schoolの縮小図のインタラクティブな例に似ています。

まず、fxpopupライブラリの依存関係を追加する必要があります：

シンプルなサムネイル

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

を作成します 単純な格納式の図には、重ね合わせ層と画像のみが必要です。次の例は、サムネイルの作成方法を示しています：

縮小図のカスタムImageViewを作成

<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>

狭い図の作成を容易にするために、を継承し、独自の収縮図表示機能を備えたカスタムクラスを作成します。

customThumbnailImageクラスを使用して、複数の収縮マップオブジェクトを簡単に作成して、任意の場所に追加できます。 ImageView

上記の手順を通じて、Javafxアプリケーションでインタラクティブな格納式ダイアグラムを簡単に作成および使用できます。 実際のプロジェクトに従って

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

クラスとメソッドを調整する必要があることに注意してください。

以上がJavafxでサムネイルを作るにはどうすればよいですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。