Rumah >Java >javaTutorial >Bagaimana membuat gambar kecil di javafx?

Bagaimana membuat gambar kecil di javafx?

Susan Sarandon
Susan Sarandonasal
2025-01-28 04:19:12437semak imbas

How make Thumbnails on JavaFX?

Artikel ini memperkenalkan cara membuat peta pengecutan interaktif yang diklik dalam aplikasi desktop Javafx. Selepas mengklik gambarajah pengecutan, imej yang lebih besar akan dipaparkan, dan lapisan superposisi dengan imej paparan yang luar biasa dan butirannya. Sama seperti contoh interaktif gambarajah yang mengecut di W3school.

Pertama sekali, anda perlu menambah pergantungan perpustakaan FXPOPUP:

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

Rajah retractable mudah hanya memerlukan lapisan superposisi dan imej. Contoh berikut menunjukkan cara membuat lakaran kecil:

Buat ImageView Custom untuk Rajah Mengecut
<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>

Untuk memudahkan penciptaan gambarajah sempit, kami membuat kelas tersuai untuk mewarisi

dan membuatnya datang dengan fungsi paparan gambarajah penguncupannya sendiri:

ThumbnailImage ImageView Menggunakan kelas Custom , anda boleh membuat pelbagai objek peta pengecutan dan menambah ke mana -mana lokasi:

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

Melalui langkah -langkah di atas, anda boleh membuat dan menggunakan gambarajah yang boleh ditarik balik interaktif dalam aplikasi Javafx. Sila ambil perhatian bahawa kelas ThumbnailImage dan kaedah perlu diselaraskan mengikut projek sebenar.

Atas ialah kandungan terperinci Bagaimana membuat gambar kecil di javafx?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn