Fxml et fichiers SVG

De base, je ne pense pas. La classe javafx.scene.shape.SVGPath prend juste un unique chemin SVG ce qui donnera donc une forme monochrome. De plus elle ne peut prendre un fichier externe (elle accepte juste le chemin tel que décrit dans la syntaxe SVG, genre "M40,60 C42,48 44,30 25,32".

Par contre, en utilisant des libs/du code externe (requiert Batik) oui même s'il faudra sans doute procéder a des modifications et des tests pour arriver a trouver comment tout cela fonctionne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?xml version="1.0" encoding="UTF-8"?>
 
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import fxmlsvg.*?>
 
<StackPane id="StackPane" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1">
    <Button>
        <graphic>
            <SVGNode url="@test.svg"/>
        </graphic>
    </Button>
</StackPane>

Je me suis contenté d'une mise en page minimale pour cette classe englobante; il faudra sans doute procéder a une surcharge de layoutChildren() et des calculs de la taille de la région en fonction de son contenu.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
package fxmlsvg;
 
import afester.javafx.svg.SvgLoader;
import java.io.IOException;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.Objects;
import javafx.beans.NamedArg;
import javafx.scene.Group;
import javafx.scene.layout.Region;
 
public final class SVGNode extends Region {
 
    private final Group graphic;
 
    public SVGNode(@NamedArg("url") final String url) throws IOException {  
        Objects.requireNonNull(url, "URL must not be null");
        if (url.trim().isEmpty()) {
            throw new IllegalArgumentException("URL must not be empty");
        }
        try {
            final URL delegated = new URL(url);
            try (final InputStream input = delegated.openStream()) {
                final SvgLoader loader = new SvgLoader();
                final Group svgImage = loader.loadSvg(input);
                graphic = svgImage;
                getChildren().add(graphic);
            }
        } catch (final MalformedURLException ex) {
            throw new IllegalArgumentException(ex);
        }
    }
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
package fxmlsvg;
 
import java.io.IOException;
import java.net.URL;
import javafx.application.Application;
import javafx.application.Platform;
import javafx.fxml.FXMLLoader;
import javafx.geometry.Orientation;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.SplitPane;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
 
public class Main extends Application {
 
    @Override
    public void start(Stage primaryStage) throws IOException {
        final Button button = new Button();
        button.setGraphic(new SVGNode(getClass().getResource("test.svg").toExternalForm()));
        final StackPane top = new StackPane(button);
        final SplitPane root = new SplitPane(top);
        root.setOrientation(Orientation.HORIZONTAL);
        final URL fxmlURL = getClass().getResource("test.fxml");
        final FXMLLoader fxmlLoader = new FXMLLoader(fxmlURL);
        final Parent bottom = fxmlLoader.load();
        root.getItems().add(bottom);
        Scene scene = new Scene(root, 500, 500);
        primaryStage.setTitle("Hello World!");
        primaryStage.setScene(scene);
        primaryStage.show();
        Platform.runLater(() -> root.setDividerPositions(0.5));
    }
 
    public static void main(String[] args) {
        launch(args);
    }
}

A noter que l'import est loin d’être parfait avec cette lib :

Pièce jointe 388859

J'ai quand même vérifié que mon SVG s'ouvre correctement dans Illustrator, IE et dans Edge donc le soucis vient ne vient pas d'une fonctionnalité spé d'Inkscape mais plutôt soit de la lib coté FX soit de Batik. Voir si ça marche mieux avec une autre.