JavaFX - Image preloading problem

Question

Hi,
I try to use ImageView and face some problems with image preloading.
Here is the code related to the component that has problems. The component extends CustomNode.
in class attributes declaration:
var imgNodes: ImageView[];
// list of url of images to display
public-init var imgs: String[];
in create function:
for(indice in [0..batch]){
var view= ImageView{
fitWidth:100
fitHeight:100
translateX: (110 * indice)
preserveRatio: true
cursor: Cursor.HAND
insert view into imgNodes;
on an image loading function:
for(indice in [0..batch]){
imgNodes[indice].image = Image{
width: 100
height: 100
url: imgs[firstItem+indice]
preserveRatio: true
backgroundLoading: true
with backgroundLoading set to true, the images are not displayed. When setting it to false, the images appear. So the urls passed to Image are ok.
If I display the fields error and progress of the Image components, both have the value 0.
I have other components that use preloading and they are working great before showing the problematic component. After, preloading does not work anymore.
It looks like as if the thread used to preload images is blocked.
Can anyone help me with it?
Thanks in advance for your help
Thomas

Answer 1

I'm not shure but i think the only group component wich is updated after insert or delete is a Group, so there is the same problem with V/HBox.
Then this code work for me
package forumsamples;
import javafx.ext.swing.SwingButton;
import javafx.lang.FX;
import javafx.scene.Cursor;
import javafx.scene.Group;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.VBox;
import javafx.scene.Scene;
import javafx.stage.Stage;
* @author Alex
var imgNodes: Group;
// list of url of images to display
var imgs: String[] =
for (n in [1..3]) "file:///E:/dev/images/FA/OUI/{n}.bmp";
//in create function:
//on an image loading function:
function load() {
    for(indice in [0..3]){
        insert ImageView {
            fitWidth:100
            fitHeight:100
            translateX: (110 * indice)
            preserveRatio: true
            cursor: Cursor.HAND
            image: Image{
                width: 100
                height: 100
                url: imgs[indice]
                preserveRatio: true
                backgroundLoading: true
        } into imgNodes.content;
Stage {
    title : ""
    scene: Scene {
        width: 200
        height: 200
        content: [
            VBox {
                content: [
                    SwingButton {
                        text: "Button"
                        action: function() {
                            load();
                    imgNodes = Group { }
}