JavaFx PDF in einem Element in einem Fenster anzeigen.

Joob

Top Contributor
Ich würde gerne in einem Element innerhalb eines Forms ein PDF anzeigen.
Dazu muss man scrollen und vergrößern/verkleinern können. Andere Funktionen würde ich nicht brauchen.

Ich habe schon gegoogle aber bin mir bei all den Vorschlägen nicht sicher ob ich den Viewer wie ein Element verwenden kann.
Wäre super wenn mir jemand sagen könnte ob das überhaupt möglich ist und vielleicht wo ich mich da einlesen könnte.

Sowas in etwa, ich bin nicht so gut im zeichnen.

1667752661777.png

Geht so was ?
 
Es gibt JPedal als kommerzielle Library, die PDFs anzeigen kann.

Aber evtl. reicht es ja, einfach mittels pdf.js und dem WebView Control das PDF anzuzeigen. Das ist z.B. hier etwas erläutert:
 
Ich probiere es mal mit WebView aus,
habe aber noch die Befürchtung das nur html - Dateien angezeigt werden können.

Aber da Du mir das vorgeschlagen hast, denke kann man das mit PDF hinbekommen.

Erst mal Danke schön.
 
Schau Dir das Beispiel an - das Control stellt nur HTML dar, aber das PDF.js verarbeitet das PDF und generiert HTML.
 
@yfons123Das scheint mir ein viewer in einem eigenen Fenster zu sein,
oder habe ich da was falsch verstanden.

WebViewer benötigt ganz schön viel.

Ich habe folgendes gefunden, bin aber nicht sicher ob das geht.
Wenn ich das richtig verstanden habe benötige ich da nur ein ImageView,
also kein javafx.web

Wenn ich das umbaue mit einem Scrollpane und das Imageview entsprechend vergrößere sollte das gehen.

Könnte bitte einer mal drauf schauen ob ich da in etwa richtig liege.


Gibt es bei der Umwandlung PDF in Grafik bekannte Probleme ?
 
OK, ich habe dann mal gegoogled und versucht erst mal die Standardeinstellung zum Laufen zu bringen.

Dabei ist der Code:
Java:
    public void injecttestwebviewController () throws URISyntaxException 
    {
        WebEngine engine = vwPdf.getEngine();
        String url = getClass().getResource("/SYS/Filesource/viewer.html").toURI().toString();
        // We add our stylesheet.
//        engine.setUserStyleSheetLocation(getClass().getResource("/SYS/CSS/Viewer.css").toURI().toString());
        engine.setJavaScriptEnabled(true);
//        engine.load(url);   
        engine.loadContent("<b>-</b>");

        engine.getLoadWorker()
        .stateProperty()
        .addListener((obs, oldV, newV) -> {
          if (Worker.State.SUCCEEDED == newV) {
            InputStream stream = null;
            try {
//                byte[] bytes = FileUtils.readFileToByteArray(new File("C:\\Users\\Jupp\\Desktop\\Down und Uploads\\ia.pdf"));
              InputStream is = getClass().getResourceAsStream("/SYS/Filesource/viewer.pdf");
              byte[] bytes = IOUtils.toByteArray(is);
              // Base64 from java.util
              String base64 = Base64.getEncoder().encodeToString(bytes);
              
                // This must be ran on FXApplicationThread
              String js = "openFileFromBase64('" + base64 + "')";
              engine.executeScript(js);

            } catch (Exception ex) {
              ex.printStackTrace();
            } finally {
              if (stream != null) {
                try {
                  stream.close();
                } catch (IOException ex) {
                  ex.printStackTrace();
                }
              }
            }
          }
        }); 
    }

Dabei bekomme ich folgende Fehlermeldung in folgender Zeile:

String js = "openFileFromBase64('" + base64 + "')";
engine.executeScript(js);

Code:
INFORMATION: --> VTIDXCLA 01-000001 - --> VTIDXCLA 01-000001 - Language is set : strings_de_DE
netscape.javascript.JSException: TypeError: undefined is not a function
    at javafx.web@18/com.sun.webkit.dom.JSObject.fwkMakeException(JSObject.java:160)
    at javafx.web@18/com.sun.webkit.WebPage.twkExecuteScript(Native Method)
    at javafx.web@18/com.sun.webkit.WebPage.executeScript(WebPage.java:1562)
    at javafx.web@18/javafx.scene.web.WebEngine.executeScript(WebEngine.java:985)
    at VTDESKTOP/org.joobsoft.vt.PVA00000.Controller.You.testwebviewController.lambda$injecttestwebviewController$0(testwebviewController.java:63)
    at javafx.base@18/com.sun.javafx.binding.ExpressionHelper$SingleChange.fireValueChangedEvent(ExpressionHelper.java:181)
    at javafx.base@18/com.sun.javafx.binding.ExpressionHelper.fireValueChangedEvent(ExpressionHelper.java:80)
    at javafx.base@18/javafx.beans.property.ReadOnlyObjectPropertyBase.fireValueChangedEvent(ReadOnlyObjectPropertyBase.java:80)
    at javafx.base@18/javafx.beans.property.ReadOnlyObjectWrapper.fireValueChangedEvent(ReadOnlyObjectWrapper.java:102)
    at javafx.base@18/javafx.beans.property.ObjectPropertyBase.markInvalid(ObjectPropertyBase.java:113)
    at javafx.base@18/javafx.beans.property.ObjectPropertyBase.set(ObjectPropertyBase.java:147)
    at javafx.web@18/javafx.scene.web.WebEngine$LoadWorker.updateState(WebEngine.java:1264)
    at javafx.web@18/javafx.scene.web.WebEngine$LoadWorker.dispatchLoadEvent(WebEngine.java:1379)
    at javafx.web@18/javafx.scene.web.WebEngine$PageLoadListener.dispatchLoadEvent(WebEngine.java:1244)
    at javafx.web@18/com.sun.webkit.WebPage.fireLoadEvent(WebPage.java:2563)
    at javafx.web@18/com.sun.webkit.WebPage.fwkFireLoadEvent(WebPage.java:2407)
    at javafx.web@18/com.sun.webkit.MainThread.twkScheduleDispatchFunctions(Native Method)
    at javafx.web@18/com.sun.webkit.MainThread.lambda$fwkScheduleDispatchFunctions$0(MainThread.java:35)
    at javafx.graphics@18/com.sun.javafx.application.PlatformImpl.lambda$runLater$10(PlatformImpl.java:457)
    at java.base/java.security.AccessController.doPrivileged(AccessController.java:399)
    at javafx.graphics@18/com.sun.javafx.application.PlatformImpl.lambda$runLater$11(PlatformImpl.java:456)
    at javafx.graphics@18/com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:96)
    at javafx.graphics@18/com.sun.glass.ui.win.WinApplication._runLoop(Native Method)
    at javafx.graphics@18/com.sun.glass.ui.win.WinApplication.lambda$runLoop$3(WinApplication.java:184)
    at java.base/java.lang.Thread.run(Thread.java:833)

Nachdem ich das immer wieder gegoogled habe und nie etwas hilfreiches gefunden habe, habe ich mir die Seite durchgelesen.


Der will das man das pdf.js ins Resourcenverzeichnis extrahiert.
Ich hatte das in Gradel eingebunden.


Code:
    // Pdf Viewer - possible clean and build required
    implementation 'org.webjars:pdf-js:2.13.216'
   // implementation 'org.apache.commons:commons-lang3:3.0'
    implementation 'commons-io:commons-io:2.11.0'

Wie macht man das richtig, und woher weiß java wo es die Funktion in js finden kann.
Ich bin im Moment der Meinung das Java die Funktion nicht findet,
zumal ich nachgesehen (debug) habe das bytes die Daten enhält, bei base64 ist das ja nicht möglich.
 
Wenn eine Pdf View in Tab für dich auch in Ordnung ist, kannst du das hier anschauen https://github.com/chqu1012/PDFEditorFX

Hier ist eine minimale Anwendung

Java:
public class HelloPdfApp extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        EmfFXPlatform.init();

        PdfView pdfView = new PdfView();
        pdfView.loadDocument(new File("example.pdf"));
        TabPane pane = new TabPane();
        pane.getTabs().add(pdfView);
       
        primaryStage.setScene(new Scene(pane, 300, 250));
        primaryStage.show();
    }
}

Diese Jar wird dabei benötigt https://github.com/chqu1012/PDFEdit...kbench.fx.ui.views.pdf_1.0.0.202108310946.jar

Ich habe eine eigene Lösung auf Basis von Apache PdfBox implementiert.
 
Schönen Dank für deinen Vorschlag.
Aber ich habe, nachdem ich gesehen habe was für ein PDF View notwendig ist,
einen anderen Weg gefunden der für meine Anwendung gut ist.

Ich verwende weiterhin ein Imageview, packe es aber in eine Scrollpane und gebe die Möglichkeit das Image in Orginalgröße zu sehen.
 
Schönen Dank für deinen Vorschlag.
Aber ich habe, nachdem ich gesehen habe was für ein PDF View notwendig ist,
einen anderen Weg gefunden der für meine Anwendung gut ist.

Ich verwende weiterhin ein Imageview, packe es aber in eine Scrollpane und gebe die Möglichkeit das Image in Orginalgröße zu sehen.
Wie liest du die Pdf aus?

Meine Lösung liest in dem Fall auch die Pdf und zwischenspeichert sie als Image und stellt sie dann in einer ImageView dar.
 
Nein, für meinen Anwendungsfall reicht eine Grafik.
Ich hatte gedacht das ich mit dem PDF einen Mehrwert schaffe, das ist aber nicht der Fall.
Also bleibe ich bei Grafiken, ich habe nicht die Notwendigkeit PDFs in Images umzusetzen.

Allerdings habe ich bei meinen Experimenten einige Plugins gesehen die das können sollen.
Auch das Pagination Element von Fx ist ggf. eine ganz gute Lösung wenn du mehrere Seiten hast.

Aber wie gesagt für mich nicht notwendig und es macht für meinen Fall alles unnötig kompliziert.
 

Neue Themen


Zurück
Oben