Получить объект из коллекции - PullRequest
Новая
       21

Получить объект из коллекции

0 голосов
/ 07 апреля 2019

Я строю сетку из прямоугольников.

Я хочу щелкнуть одним из прямоугольников, и его цвет должен измениться.

Однако я не знаюкак получить доступ к прямоугольникам в Main ПОСЛЕ того, как они были созданы.

enter image description here

Main: 

import javafx.application.Application;
import javafx.collections.ObservableList;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.Shape;
import javafx.stage.Stage;

public class Main extends Application{

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

    public void changeColor(Pane p) {
         p.setOnMouseClicked(me -> {
            double posX = me.getX();
            double posY = me.getY();

            int colX = (int)(posX / 30);
            int colY = (int) (posY / 30);

            ObservableList<Node> children = p.getChildren();
            for( Node d : children) {
                    if(d.getLayoutX() == colX && d.getLayoutY() == colY) {
                        // how can i access my rectangle here?
                        // basically, i want to be able to do .setFill()
                    }
            }
        });
    }

    @Override
    public void start(Stage primaryStage) throws Exception {
        Grid g = new Grid(30,30, 30);
        Pane window = g.render();
        Scene scene = new Scene(window, 500, 500);
        primaryStage.setScene(scene);
        primaryStage.show();
        this.changeColor(window);

    }
}

Сетка: 

import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;


public class Grid {

    Integer width, height, squareSize; 
    Color fill = Color.ALICEBLUE, 
        stroke = Color.BLACK;

    public Grid(int x, int y, int squareSize){
        this.width = x; 
        this.height = y;
        this.squareSize = squareSize;
    }

    public Pane render() {
        Pane p = new Pane();
        Rectangle [][] rect = new Rectangle[this.width][this.height];
        for(int i = 0; i < this.width; i++) {
            for(int j = 0; j < this.height; j++) {
                rect[i][j] = new Rectangle();
                rect[i][j].setX(i * width);
                rect[i][j].setY(j * height);
                rect[i][j].setWidth(this.squareSize);
                rect[i][j].setHeight(this.squareSize);
                rect[i][j].setFill(this.fill);
                rect[i][j].setStroke(this.stroke);              
                p.getChildren().add(rect[i][j]);
            }
        }
        return p;
    }
}

Может кто-нибудь помочь мне выяснить, как я могу снова получить доступ к своим прямоугольникам в основном файле?

1 Ответ

1 голос
/ 08 апреля 2019

В соответствии с вашим текущим дизайном, вам просто нужно проверить, нажата ли мышь внутри дочернего элемента и является ли этот дочерний элемент экземпляром Rectangle; тогда вы можете разыграть и позвонить setFill. Однако я рекомендую изменить имя changeColor, поскольку это имя не отражает действия этого метода. 

public void installChangeColorHandler(Pane pane) {
    pane.setOnMouseClicked(event -> {
        for (Node child : pane.getChildren()) {
            if (child instanceof Rectangle 
                    && child.contains(child.parentToLocal(event.getX(), event.getY()))) {
                ((Rectangle) child).setFill(/* YOUR COLOR */);
                event.consume();
                break;
            }
        }
    });
}

Поскольку обработчик событий добавляется к Pane, координаты мыши x и y относятся к указанному Pane. Но поскольку ваши Rectangle s являются прямыми потомками Pane, мы можем вызвать Node.parentToLocal, чтобы преобразовать эти координаты в пространство Rectangle 1 . Затем нам нужно проверить, содержат ли границы Rectangle эти координаты, используя Node.contains; если это так, измените заливку.

Тем не менее, вы можете изменить свой код так, чтобы вы добавляли / 1021 * непосредственно к Rectangle s. Таким образом, вы можете использовать Event.getSource(). Например, 2 : 

public Pane render(EventHandler<MouseEvent> onClick) {
    // outer loop...
        // inner loop...
            Rectangle r = new Rectangle();
            // configure r...
            r.setOnMouseClicked(onClick);
        // end inner loop...
    // end outer loop...
}

...

// may want to consume event
Pane window = new Grid(30, 30, 30).render(event ->
        ((Rectangle) event.getSource()).setFill(/* YOUR COLOR */));

1. Даже если они не были прямыми детьми, вы все равно можете преобразовать координаты в локальное пространство. Например, вы можете использовать Node.sceneToLocal и координаты сцены, предоставленные MouseEvent (т.е. getSceneX() / getSceneY()).
2. Это все еще близко к вашему дизайну. Однако вы можете переосмыслить вещи в правильную архитектуру MVC (или другую). Применение MVC с JavaFx

...