Understanding the Stage object and it's content property.

Question

Hi all,
I'm trying to understand why this doesn't work:
* Main.fx
* Created on Nov 22, 2008, 12:18:01 PM
package ssns;
import javafx.application.Frame;
import javafx.application.Stage;
import java.util.HashMap;
import javafx.scene.Node;
import javafx.scene.image.ImageView;
import javafx.scene.image.Image;
import javafx.ui.Canvas;
import java.lang.*;
* @author elberry
var mapData = [
    "WWWWWWWWWWWWWWWWWWWWWWWWWWW",
    "WWWWWWWWWWWWWWWWWWWWWWWWWWW",
    "WSSSSSWWSSSSSSSSSSSSSSSSSWW",
    "WSGGGSWWSGGGGGGGGGGGGGGGSWW",
    "WSGGGSWWSSSSSSSGGSSSSSGGSWW",
    "WSGGGSWWWWWSDDSGGSDDDSGGSWW",
    "WSGGGSWWWWWSDDSGGSDDDSGGSWW",
    "WSGGGSWWWWWSDDSGGSDDDSGGSWW",
    "WSGGGSSSSSSSSSSGGSSSSSGGSWW",
    "WSGGGGGGGGGGGGGGGGGGGGGGSWW",
    "WSSSSSSSSSSSSSSSSSSSSSSSSWW",
    "WWWWWWWWWWWWWWWWWWWWWWWWWWW",
    "WWWWWWWWWWWWWWWWWWWWWWWWWWW"
var mapImages = new HashMap();
mapImages.put("W", Image {url: "".getClass().getResource("/images/planet_cute/Water Block.png").toString()});
mapImages.put("S", Image {url: "".getClass().getResource("/images/planet_cute/Stone Block.png").toString()});
mapImages.put("G", Image {url: "".getClass().getResource("/images/planet_cute/Grass Block.png").toString()});
mapImages.put("D", Image {url: "".getClass().getResource("/images/planet_cute/Dirt Block.png").toString()});
var mapNodes: ImageView[];
for(row in mapData) {
    for(tileType in row) {
        var image = ImageView {
            image: mapImages.get(tileType) as Image
        insert image into mapNodes;
Frame {
    title: "Tile Map"
    width: 800
    height: 600
    closeAction: function() {
        java.lang.System.exit( 0 );
    visible: true
    stage: Stage {
        content: [
            mapNodes
}When I run this code, I get no errors, but I get a completely blank frame.
I tried switching out the content array for just the mapNodes to no avail.
    stage: Stage {
        content: mapNodes
    }However, if I add just a single ImageView to the content array I can see it.
    stage: Stage {
        content: [
            ImageView {
                image: Image {
                    url: "".getClass().getResource("/images/planet_cute/Water Block.png").toString()
    }As a side note, anyone know why the decision to make the "url" property take a file path, and not a URL?
Any help on this would be greatly appreciated.
Thanks,
Eric

Answer 1

I resolved the issue. The for loops were not doing what I thought they were doing. The second loop didn't loop through each character in the String. To solve the issue I changed the mapData sequence into a sequence of sequences.
* Main.fx
* Created on Nov 22, 2008, 12:18:01 PM
package ssns;
import javafx.application.Frame;
import javafx.application.Stage;
import java.util.HashMap;
import javafx.scene.Node;
import javafx.scene.image.ImageView;
import javafx.scene.image.Image;
import javafx.ui.Canvas;
import java.lang.*;
* @author elberry
var mapData = [
    ["W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W"],
    ["W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W"],
    ["W","S","S","S","S","S","W","W","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","W","W"],
    ["W","S","G","G","G","S","W","W","S","G","G","G","G","G","G","G","G","G","G","G","G","G","G","G","S","W","W"],
    ["W","S","G","G","G","S","W","W","S","S","S","S","S","S","S","G","G","S","S","S","S","S","G","G","S","W","W"],
    ["W","S","G","G","G","S","W","W","W","W","W","S","D","D","S","G","G","S","D","D","D","S","G","G","S","W","W"],
    ["W","S","G","G","G","S","W","W","W","W","W","S","D","D","S","G","G","S","D","D","D","S","G","G","S","W","W"],
    ["W","S","G","G","G","S","W","W","W","W","W","S","D","D","S","G","G","S","D","D","D","S","G","G","S","W","W"],
    ["W","S","G","G","G","S","S","S","S","S","S","S","S","S","S","G","G","S","S","S","S","S","G","G","S","W","W"],
    ["W","S","G","G","G","G","G","G","G","G","G","G","G","G","G","G","G","G","G","G","G","G","G","G","S","W","W"],
    ["W","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","S","W","W"],
    ["W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W"],
    ["W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W","W"]
var mapImages = new HashMap();
mapImages.put("W", Image {url: "".getClass().getResource("/images/planet_cute/Water Block.png").toString()});
mapImages.put("S", Image {url: "".getClass().getResource("/images/planet_cute/Stone Block.png").toString()});
mapImages.put("G", Image {url: "".getClass().getResource("/images/planet_cute/Grass Block.png").toString()});
mapImages.put("D", Image {url: "".getClass().getResource("/images/planet_cute/Dirt Block.png").toString()});
var mapNodes: ImageView[];
for(row in mapData) {
    for(tileType in row) {
        var imageView = ImageView {
            image: mapImages.get(tileType) as Image
        insert imageView into mapNodes;
Frame {
    title: "Tile Map"
    width: 800
    height: 600
    closeAction: function() {
        java.lang.System.exit( 0 );
    visible: true
    stage: Stage {
        content: [
            mapNodes
}