按钮的Javafx BackgroundImage不起作用

Question

I am trying to create a basic tic-tac-toe game in javafx. I ended up getting the basics to work, however I wanted to a.) change the background of the button to something and b.) add a win detection system(different story). When trying to put in the image, however, it would not show the image, it would just display a white blank screen. Why and how is this happening?

package TicMeOff;

/**
 * @author camper
 */
import TicMeOff.Program.ProcessClick;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextArea;
import javafx.scene.image.Image;
import javafx.scene.layout.Background;
import javafx.scene.layout.BackgroundImage;
import javafx.scene.layout.BackgroundPosition;
import javafx.scene.layout.BackgroundRepeat;
import javafx.scene.layout.BackgroundSize;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;
import javafx.geometry.Pos;

public class Fx extends Application{

    Image image2 = new Image("https://ibb.co/YNrvYZQ");
    private Tic[][] tics = new Tic[3][3];
    private int tracker = 1;
    BackgroundImage backgroundImage = new BackgroundImage(image2, 
    BackgroundRepeat.NO_REPEAT, BackgroundRepeat.NO_REPEAT, 
    BackgroundPosition.DEFAULT, BackgroundSize.DEFAULT);
    Background background = new Background(backgroundImage);

    public void setTiles() {
        for(int x = 0; x < tics.length; x++) {
            for(int y = 0; y < tics[0].length; y++) {
                tics[x][y] = new Tic();
                tics[x][y].setPrefSize(300, 300);
            }
        }
    }

    public static void main(String[] args) {
        Application.launch(args);

    }
    public void start(Stage primaryStage) {


        setTiles();

        BorderPane pane = new BorderPane();
        GridPane buttonPane = new GridPane();

        for(int x = 0; x < tics.length; x++) {
            for(int y = 0; y < tics.length; y++) {
                tics[x][y].setOnAction(new ProcessClick());
                buttonPane.add(tics[x][y], x + 1,y + 1);
            }
        }

        pane.setPrefSize(900, 900);
        pane.setCenter(buttonPane);

        Scene scene = new Scene(pane);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private class ProcessClick implements EventHandler<ActionEvent> {

        public void handle(ActionEvent e) {

            Tic b = (Tic) e.getSource();

            for(int x = 0; x < tics.length; x++) {
                for(int y = 0; y < tics.length; y++) {
                    tics[x][y].setBackground(background);
                }
            }

            if ((b.getbuttonTracker()) == 0) {
                if (tracker == 1) {
                    b.setText("X");
                    tracker = -1;
                    b.setbuttonTracker(1);
                } else if (tracker == -1) {
                    b.setText("O");
                    tracker = 1;
                    b.setbuttonTracker(1);
                }

            }

        }
    }

}

Tic Class:

package TicMeOff;

import javafx.application.Application;
import javafx.scene.control.Button;

public class Tic extends Button {

    public int buttonTracker = 0;

    public int getbuttonTracker() {
        return this.buttonTracker;

    }
    public void setbuttonTracker(int buttonTracker) {
        this.buttonTracker = buttonTracker;
    }
}

Answer 1

As @VGR pointed, the link is not pointing to an image. You also might want to point to an image in a fixed resource location (in your application or cloud). One day somebody/you can change that image on the page and your button will break again.