javafx怎么移动图片,就是把一个图片放进去，你按左方向键就往左移动，按右方向键就往右移动

Posted 2023-04-24

javafx怎么移动图片,就是把一个图片放进去，你按左方向键就往左移动，按右方向键就往右移动就是，当你在键盘上按一个键后找到接收这个键的句柄

主要思路:

JavaFX 显示图片,常用的是ImageView

JavaFX 响应 左右按钮, 那么可以用Scene 来接收键盘按下的事件,然后控制图片左右移动

显示的效果图

参考代码

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.image.ImageView;
import javafx.scene.input.KeyCode;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class JavaFXDemo extends Application 

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


@Override
public void start(Stage primaryStage) throws Exception 
BorderPane root = new BorderPane(); // 边界布局
Scene scene = new Scene(root, 530,230);// 创建场景
// 显示图片组件
ImageView imgView = new ImageView(this.getClass().getResource("jbp.png").toExternalForm());
root.setCenter(imgView);
// 主舞台的设置
primaryStage.setScene(scene);
primaryStage.setTitle("拖动图片");
primaryStage.show();

// 响应键盘按下事件 ,注意添加对象是scene ,不是 imgView
scene.setOnKeyPressed(e -> 
KeyCode code = e.getCode();
if (code.equals(KeyCode.LEFT))  // 按下了左键
imgView.setTranslateX(imgView.getTranslateX() - 10);
 else if (code.equals(KeyCode.RIGHT)) //按下了右键
imgView.setTranslateX(imgView.getTranslateX() + 10);
 else if (code.equals(KeyCode.UP)) //按下了上方向键
imgView.setTranslateY(imgView.getTranslateY() - 10);
 else if (code.equals(KeyCode.DOWN)) //按下了下方向键
imgView.setTranslateY(imgView.getTranslateY() + 10);

);

参考技术A 把图片做成一个模块，左右按键加监听即可

为啥我把图片放在dreamweaver里加了热区之后再放进网站里图片就会变了不清晰呢？

你换个浏览器试试，有时候浏览器解析的效果不一样 参考技术A 不会吧追问

会啊 我放在别的平台就清晰的 可是放到另一个平台就不行了

追答

无言