feat: 添加参考图配置

Author: SingleKey

src/main/java/org/i7606/jigsaw_puzzle/commons/utils/ConfigUtil.java

@@ -30,6 +30,7 @@ public static HashMap<String, Object> getConfig(String levelName) {
         int num = jsonObject.getIntValue("num");
         String deletion = jsonObject.getString("deletion");
         String name = jsonObject.getString("name");
+        String reference = jsonObject.getString("reference");
         JSONArray answerObjs = jsonObject.getJSONArray("answer");
         String[] answer = new String[answerObjs.size()];
         for (int i = 0; i < answerObjs.size(); i++) {
@@ -38,6 +39,7 @@ public static HashMap<String, Object> getConfig(String levelName) {
 
         config.put("num", num);
         config.put("name", name);
+        config.put("reference", reference);
         config.put("deletion", deletion);
         config.put("answer", answer);
 

src/main/java/org/i7606/jigsaw_puzzle/window/play/PlayWindow.java

@@ -1,7 +1,9 @@
 package org.i7606.jigsaw_puzzle.window.play;
 
+import javafx.event.EventHandler;
 import javafx.scene.image.Image;
 import javafx.scene.image.ImageView;
+import javafx.scene.input.MouseEvent;
 import javafx.scene.layout.AnchorPane;
 import javafx.stage.Stage;
 import org.i7606.jigsaw_puzzle.commons.AppConsts;
@@ -16,6 +18,11 @@
  */
 public class PlayWindow extends Stage {
 
+    /**
+     * 图片按钮大小
+     */
+    private final int IMAGE_BUTTON_SIZE = 25;
+
     private LevelBuild factory;
 
     public PlayWindow() {
@@ -30,10 +37,10 @@ private void setUi() {
         InputStream urlResetStream = UrlUtil.getURLStream("images/reset.png");
         Image image = new Image(urlResetStream);
         ImageView resetButton = new ImageView(image);
-        resetButton.setFitHeight(30);
-        resetButton.setFitWidth(30);
-        resetButton.setLayoutX(AppConsts.BORDER_START_X + 200);
-        resetButton.setLayoutY(AppConsts.BORDER_START_Y - 35);
+        resetButton.setFitHeight(IMAGE_BUTTON_SIZE - 3);
+        resetButton.setFitWidth(IMAGE_BUTTON_SIZE - 3);
+        resetButton.setLayoutX(AppConsts.BORDER_START_X + 230);
+        resetButton.setLayoutY(AppConsts.BORDER_START_Y - 30);
         resetButton.setOnMouseClicked(mouseEvent -> {
             manage();
             setUi();
@@ -45,12 +52,15 @@ private void setUi() {
         InputStream urlPromptStream = UrlUtil.getURLStream("images/prompt.png");
         Image promptImage = new Image(urlPromptStream);
         ImageView promptButton = new ImageView(promptImage);
-        promptButton.setFitHeight(30);
-        promptButton.setFitWidth(30);
-        promptButton.setLayoutX(AppConsts.BORDER_START_X + 260);
-        promptButton.setLayoutY(AppConsts.BORDER_START_Y - 35);
-        promptButton.setOnMouseClicked(mouseEvent -> {
-
+        promptButton.setFitHeight(IMAGE_BUTTON_SIZE);
+        promptButton.setFitWidth(IMAGE_BUTTON_SIZE);
+        promptButton.setLayoutX(AppConsts.BORDER_START_X + 270);
+        promptButton.setLayoutY(AppConsts.BORDER_START_Y - 31.5);
+        promptButton.setOnMousePressed(mouseEvent -> {
+            factory.getReferenceImage().setVisible(true);
+        });
+        promptButton.setOnMouseReleased(mouseEvent -> {
+            factory.getReferenceImage().setVisible(false);
         });
 
         anchorPane.getChildren().add(resetButton);

src/main/java/org/i7606/jigsaw_puzzle/window/play/level/LevelBuild.java

@@ -35,6 +35,7 @@ public class LevelBuild {
     private String[] answer;
     private String deletion;
     private String name;
+    private String reference;
     private HashMap<Group, String> imagesMap = new HashMap<>();
     private HashMap<String, Group> gameMap = new HashMap<>();
     private ArrayList<Group> entitys = new ArrayList<>();
@@ -45,6 +46,8 @@ public class LevelBuild {
 
     // 窗口组件
     private AnchorPane anchorPane;
+    // 参考图
+    private ImageView referenceImage;
 
     public LevelBuild(String levelName, Stage stage) {
         this.configPath = "levels/" + levelName;
@@ -69,14 +72,26 @@ public void build() {
         label.setLayoutX(AppConsts.BORDER_START_X);
         anchorPane.getChildren().add(label);
 
-        // 添加方块
+        // 添加边框
         ImageView borderImage = new ImageView(new Image(UrlUtil.getURLStream("images/border.png")));
         borderImage.setFitHeight(AppConsts.BORDER_SIZE);
         borderImage.setFitWidth(AppConsts.BORDER_SIZE);
         borderImage.setLayoutX(AppConsts.BORDER_START_X);
         borderImage.setLayoutY(AppConsts.BORDER_START_Y);
 
+        // 添加提示
+        final double REFERENCE_IMAGE_SIZE_OFFSET = 12;
+        final double REFERENCE_IMAGE_LOCATION_OFFSET = 6;
+        referenceImage = new ImageView(new Image(UrlUtil.getURLStream(configPath + "/" + reference)));
+        referenceImage.setFitHeight(AppConsts.BORDER_SIZE - REFERENCE_IMAGE_SIZE_OFFSET);
+        referenceImage.setFitWidth(AppConsts.BORDER_SIZE - REFERENCE_IMAGE_SIZE_OFFSET);
+        referenceImage.setLayoutX(AppConsts.BORDER_START_X + REFERENCE_IMAGE_LOCATION_OFFSET);
+        referenceImage.setLayoutY(AppConsts.BORDER_START_Y + REFERENCE_IMAGE_LOCATION_OFFSET);
+        // 设置不可见，需要按住按钮才可见
+        referenceImage.setVisible(false);
+
         anchorPane.getChildren().add(borderImage);
+
         for (int i = 0; i < entitys.size(); i++) {
             Group group = entitys.get(i);
             if (group.getLayoutX() == 0 || group.getLayoutY() == 0) {
@@ -85,6 +100,9 @@ public void build() {
             anchorPane.getChildren().add(group);
         }
 
+        // 最后添加，不然会被小方块覆盖
+        anchorPane.getChildren().add(referenceImage);
+
         stage.setScene(new Scene(anchorPane));
     }
 
@@ -93,6 +111,7 @@ private void loadResource() {
         answer = (String[]) config.get("answer");
         deletion = (String) config.get("deletion");
         name = (String) config.get("name");
+        reference = (String) config.get("reference");
 
         // 创建棋盘
         createCheckerboard((Integer) config.get("num"));
@@ -241,4 +260,8 @@ public boolean isWin() {
     public AnchorPane getAnchorPane() {
         return anchorPane;
     }
+
+    public ImageView getReferenceImage() {
+        return referenceImage;
+    }
 }

src/main/resources/levels/level-001/config.json

@@ -2,6 +2,7 @@
   "name": "《美女油画》",
   "num": 9,
   "type": "shuffle",
+  "reference": "g.png",
   "answer": [
     "split/g1.gif",
     "split/g2.gif",