JavaFX 刷新在新位置重新绘制图片

Question

我实际上正在学习 JavaFX 并尝试制作一个简单的应用程序 用箭头移动一个角色的图片。

我做了 onKeyPressed 部分，它正在工作，我能够修改对象的变量 locationX 和 locationY，但图像没有移动，是否存在 像“repaint()”这样简单的方法吗？或者我必须使用动画？我暂时不想使用动画。

Fenetre.java

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.image.ImageView;
import javafx.scene.input.KeyEvent;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class Fenetre extends Application{

    public Charac c1;

    public void init(){
        c1 = new Charac(110,110);
    }

    public void start(Stage stage){
        ImageView ivChar = new ImageView();
        ivChar.setImage(c1.getImg());
        ivChar.relocate((double)c1.getLocationX(),(double)c1.getLocationY());

        HBox box = new HBox();
        box.setTranslateX((double)c1.getLocationX());
        box.setTranslateY((double)c1.getLocationY());
        box.getChildren().add(ivChar);
        box.setFocusTraversable(true);
        box.setOnKeyPressed(new EventHandler<KeyEvent>(){
            @Override
            public void handle(KeyEvent e) {
                switch(e.getCode()){
                    case UP:
                        c1.goUp();
                        break;
                    case DOWN:
                        c1.goDown();
                        break;
                    case LEFT:
                        c1.goLeft();
                        break;
                    case RIGHT:
                        c1.goRight();
                        break;
                default:
                    break;
                }   
            }
        });

        Group root = new Group();
        root.getChildren().add(box);
        Scene scene = new Scene(root);
        scene.setFill(Color.BLACK);


        stage.setWidth(600);
        stage.setHeight(600);   
        stage.setTitle("BBMAN");
        stage.setScene(scene);
        stage.show();


    }
}

Charac.java

import javafx.scene.Parent;
import javafx.scene.image.Image;

public class Charac extends Parent{
    private int locationX=0;
    private int locationY=0;
    private Image img = new Image("/Images/bbfront.png");

    public Charac(int locationX, int locationY){
        this.locationY=locationY;
        this.locationX=locationX;


    }


    public void setLocationX(int locationX){
        this.locationX=locationX;
    }

    public int getLocationX(){
        return this.locationX;
    }

    public int getLocationY(){
        return this.locationY;
    }
    public void setLocationY(int locationY){
        this.locationY=locationY;
    }

    public void goRight(){
        this.locationX+=1;
        this.img = new Image("/Images/bbright.png");
    }

    public void goLeft() {
        this.locationX-=1;
        this.img = new Image("/Images/bbleft.png");
    }

    public void goUp(){
        this.locationY-=1;
        this.img = new Image("/Images/bbup.png");
    }

    public void goDown(){
        this.locationY+=1;
        this.img = new Image("/Images/bbfront.png");

    }

    public Image getImg(){
        return this.img;
    }
}

我不知道我是否在正确的部分发帖，这是我的第一篇文章。

谢谢大家！

Answer 1

以下代码已经过测试并且可以正常工作，但使用不同的图形。 （我必须重新加载才能使用我的 Eclipse 文件结构。）

可以使用“根”节点作为键盘事件处理程序。重要的是要记住使其成为 FocusTraversable 并赋予它焦点。

我在你的 Charac 中删除了一些不需要的代码，并将图形预加载到一个数组中，这样结构就会更像一个精灵，这样你就不会每次都加载一个新图形（相对昂贵）是时候改变方向了。

有一些冗余代码（三行）用于初始化 ImageView，然后在 KeyEvent 处理例程中对其进行更新。可能可以而且应该被淘汰。

主要是可以直接设置ImageView的X和Y，也可以更新ImageView显示的图片。我发现 ImageView 是一个非常方便的类，因此我更频繁地使用它。改变不透明度和缩放的能力也很不错。

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.KeyEvent;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class CharacMove extends Application
{
    public static void main(String[] args) 
    {
        launch(args);
    }

    @Override
    public void start(Stage stage) throws Exception 
    {
        Group root = new Group();
        Scene scene = new Scene(root);

        scene.setFill(Color.BLACK);
        stage.setWidth(600);
        stage.setHeight(600);   
        stage.setTitle("BBMAN");
        stage.setScene(scene);

        Charac c1 = new Charac();
        ImageView ivChar = new ImageView();
        ivChar.setImage(c1.getImage());
        ivChar.setX(c1.getX());
        ivChar.setY(c1.getY());

        root.setFocusTraversable(true);
        root.requestFocus();
        root.setOnKeyPressed(new EventHandler<KeyEvent>()
        {
            @Override
            public void handle(KeyEvent e) 
            {
                switch(e.getCode())
                {
                    case UP:
                        c1.goUp();
                        break;
                    case DOWN:
                        c1.goDown();
                        break;
                    case LEFT:
                        c1.goLeft();
                        break;
                    case RIGHT:
                        c1.goRight();
                        break;
                    default:
                        break;
                }
                ivChar.setImage(c1.getImage());
                ivChar.setX(c1.getX());
                ivChar.setY(c1.getY());
            }
        });

        root.getChildren().add(ivChar);
        stage.show();
    }

    class Charac
    {
        private Image[] img;
        private double xLoc, yLoc;
        private int currentImg;    

        public Image getImage() { return img[currentImg]; }
        public double getX() { return xLoc; }
        public double getY() { return yLoc; }

        public Charac()
        {
            img = new Image[4];
            img[0] = new Image(getClass().getResource("Images/bbright.png").toString());
            img[1] = new Image(getClass().getResource("Images/bbleft.png").toString());
            img[2] = new Image(getClass().getResource("Images/bbup.png").toString());
            img[3] = new Image(getClass().getResource("Images/bbfront.png").toString());
        }

        public void goRight()
        {
            xLoc += 1;
            currentImg = 0;
        }

        public void goLeft() 
        {
            xLoc -= 1;
            currentImg = 1;
        }

        public void goUp()
        {
            yLoc -= 1;
            currentImg = 2;
        }

        public void goDown()
        {
            yLoc += 1;
            currentImg = 3;
        }
    }
}

当我开始使用 JavaFX 时，我在 java-gaming.org 上编写并发布了一个简单的游戏动画教程，这需要另外几个步骤，例如，如果/当你准备好探索它时，使用 AnimationTimer。您可以查看here。但当时我还没有想到我可以简单地使用 Group 节点根来处理键盘。

Answer 2

您需要在按键后更新 HBox box 的位置。

box.setOnKeyPressed(new EventHandler<KeyEvent>(){
        @Override
        public void handle(KeyEvent e) {
            switch(e.getCode()){
                case UP:
                    c1.goUp();
                    break;
                case DOWN:
                    c1.goDown();
                    break;
                case LEFT:
                    c1.goLeft();
                    break;
                case RIGHT:
                    c1.goRight();
                    break;
            default:
                break;
            }   
            box.setTranslateY((double)c1.getLocationY());
            box.setTranslateX((double)c1.getLocationX());
        }
    });

如果您将图像文件加载到数组中，这也可能是最好的。