广告位联系
返回顶部
分享到

JavaFx实现拼图游戏的教程

java 来源:互联网搜集 作者:秩名 发布时间:2019-09-16 22:34:51 人浏览
摘要

最近学习JavaFx,发现网上大概只有官方文档可以查阅,学习资料较少,写个拼图游戏供记录。。 大概说一下思路: 1.面板的构建:面板采用GridPane,方便3*3的图片布局。 2.每个小格子中的图片当然不是一张张手工切好的,利用imageview.setViewPort(Rectangle2D

最近学习JavaFx,发现网上大概只有官方文档可以查阅,学习资料较少,写个拼图游戏供记录。。

大概说一下思路:

1.面板的构建:面板采用GridPane,方便3*3的图片布局。

2.每个小格子中的图片当然不是一张张手工切好的,利用imageview.setViewPort(Rectangle2D 2d)的方法进行切割。

3.再来说鼠标点击时图片的移动,这时候以里面的空格子为中心,不以鼠标点击的那个事件源为中心,这样可以避免走弯路(当时我是有一种柳暗花明的感觉。)。

4.鼠标点击后空格子和其周围带图片格子的交换就比较简单了,重新设置位置即可。

5.每交换一次检查是否拼图成功。

关于界面初始化:定义一个ImageView的数组,长度为9,将其按顺序分别为第1,2,3....个格子,然后再产生8个0-8的不重复并且逆序数为偶数的随机数的数组,然后将此随机数作为ImageView数组的下标,将ImageView顺序排列在格子中。为什么必须要逆序数为偶数呢?这是因为这样图才能拼成功!

关于判断拼图成功:有了上面的初始化方法,判断就很简单了,只需要ImageView[0]对应第一个格子,,后面类似,,这样就拼成功了。需要注意我们只产生了8个随机数,而我们有9个格子,所以得把那个随机数组中没有的数字找出来,然后比较。有公式:n = 3 * r + c。其中n表示ImageView数组的下标,r表示此imageView的行号,c表示列号。
 

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.geometry.Rectangle2D;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import java.util.Random;
  
public class myJigsaw extends Application {
  public int m;     //m是不在随机数组的那个数字
  ImageView[] imageViews = new ImageView[9];
  public static void main(String[] args) {
    Application.launch(args);
  }
  
  
  @Override
  public void start(Stage arg0) throws Exception {
    init(arg0);
  }
  public void init(Stage stage) {
    int[] n = random();       //自定义的函数,产生逆序数为偶数的不重复数组
  
    Image image = new Image("1.png");
  
  
    GridPane gridPane = new GridPane();
  
    for(int i = 0, k = 0; i <= 2; ++i) {
      for(int j = 0; j <= 2; ++j, ++k) {
        imageViews[k] = new ImageView(image);    //初始化数组
        imageViews[k].setOnMouseClicked(new myevent());   //设置点击事件
        imageViews[k].setViewport(new Rectangle2D(100 * j, 100 * i, 100, 100));       //切割图片
      }
    }
  
    gridPane.add(imageViews[n[0]], 0, 0);             //按照产生的随机数将imageView数组加入面板
    gridPane.add(imageViews[n[1]], 1, 0);
    gridPane.add(imageViews[n[2]], 2, 0);
    gridPane.add(imageViews[n[3]], 0, 1);
    gridPane.add(imageViews[n[4]], 1, 1);
    gridPane.add(imageViews[n[5]], 2, 1);
    gridPane.add(imageViews[n[6]], 0, 2);
    gridPane.add(imageViews[n[7]], 1, 2);
    m = findnum(n);                         //找出那个不在随机数组里面的数字
    ImageView incomp = new ImageView(imageViews[m].getImage());       //用于显示空格子的图片
    ImageView comp = new ImageView(image);                   //用于显示完整的大图
    incomp.setViewport(imageViews[m].getViewport());
    Image image2 = new Image("2.png");                 //2.png为一个透明图,放在空格子中
    imageViews[m].setImage(image2);
    gridPane.add(imageViews[m], 2, 2);
    gridPane.setGridLinesVisible(true);
    BorderPane borderPane = new BorderPane(gridPane);
    VBox right = new VBox(20, incomp, comp);
    borderPane.setRight(right);
    Scene scene = new Scene(borderPane, 820, 420);
    stage.setScene(scene);
    stage.setResizable(false);
    stage.show();
  
  }
  
  public int[] random() {       //生成8个不重复的逆序数为偶数的数字
    int[] ran = new int[8];
    while(iso(ran) == false) {
      ran = random_num();
    }
    return ran;
  
  }
  
  public int[] random_num() {   //生成8个不重复数
    int r[] = new int[8];
    Random random = new Random();
    for(int i = 0; i < 8; ++i) {
      r[i] = random.nextInt(9);
      for(int j = 0;j < i; ++j) {
        while(r[i] == r[j]) {
          i--;
          break;
        }
      }
    }
    return r;
  }
  
  public boolean iso(int[] num) {     //判断逆序数是否为偶数
    int sum = 0;
    for(int i = 0; i <= 6; ++i) {
      for(int j = i; j <= 7; j++) {
        if(num[i] > num[j]) {
          sum++;
        }
      }
    }
    if((sum % 2) == 0 && sum != 0) {
      return true;
    }
  
    return false;
  
  }
  
  class myevent implements EventHandler<MouseEvent> {        //点击事件的实现
  
  
  @Override
    public void handle(MouseEvent arg0) {
    // TODO Auto-generated method stub
      ImageView img = (ImageView) arg0.getSource();
      double sx = img.getLayoutX();
      double sy = img.getLayoutY();
      double dispx = sx - imageViews[m].getLayoutX();
      double dispy = sy - imageViews[m].getLayoutY();
      if((dispx == -100) && (dispy == 0 )) {        //点击的空格左边的格子
        swapimg(img, imageViews[m]);       //交换imageView
        if(issucc(imageViews)) {             //判断是否拼成功
          Alert alert = new Alert(AlertType.WARNING, "成功!");
          alert.show();
        }
      }
  
      else if ((dispx == 0) && (dispy == -100)) {    //上面的格子
        swapimg(img, imageViews[m]);
        if(issucc(imageViews)) {
          Alert alert = new Alert(AlertType.WARNING, "成功!");
          alert.show();
        }
      }
      else if((dispx == 100) && (dispy == 0)) {        //右边的格子
        swapimg(img, imageViews[m]);
        if(issucc(imageViews)) {
          Alert alert = new Alert(AlertType.WARNING, "成功!");
          alert.show();
        }
      }
      else if((dispx == 0) && (dispy == 100)) {        //下面的格子
        swapimg(img, imageViews[m]);
        if(issucc(imageViews)) {
          Alert alert = new Alert(AlertType.WARNING, "成功!");
          alert.show();
        }
      }
    }
    public void swapimg(ImageView i1, ImageView i2) {       //交换两个imageView的实现
      int row1 = GridPane.getRowIndex(i1);
      int colu1 = GridPane.getColumnIndex(i1);
      int row2 = GridPane.getRowIndex(i2);
      int colu2 = GridPane.getColumnIndex(i2);
  
      GridPane.setRowIndex(i1, row2);
      GridPane.setColumnIndex(i1, colu2);
      GridPane.setRowIndex(i2, row1);
      GridPane.setColumnIndex(i2, colu1);
    }
  }
  public boolean issucc(ImageView[] imageViews) {                //判断是否拼成功
    for(int i = 0; i <= 8; ++i) {
      if(i != 3 * GridPane.getRowIndex(imageViews[i]) + GridPane.getColumnIndex(imageViews[i])) {
        return false;
      }
    }
      return true;
  }
  
  public int findnum(int[] n) {                       //找出m
    for(int j = 0; j <= 8; ++j) {
      if((j == n[0]) || (j == n[1]) || (j == n[2]) || (j == n[3]) || (j == n[4]) || (j == n[5]) || (j == n[6]) || (j == n[7])) {
      }
      else {
        return j;
      }
    }
    return -1;
  } 
  
}

截图如下:



版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。

您可能感兴趣的文章 :

原文链接 : https://blog.csdn.net/awjzb/article/details/50077109
相关文章
  • SpringBoot自定义错误处理逻辑介绍

    SpringBoot自定义错误处理逻辑介绍
    1. 自定义错误页面 将自定义错误页面放在 templates 的 error 文件夹下,SpringBoot 精确匹配错误信息,使用 4xx.html 或者 5xx.html 页面可以打印错误
  • Java实现手写一个线程池的代码

    Java实现手写一个线程池的代码
    线程池技术想必大家都不陌生把,相信在平时的工作中没有少用,而且这也是面试频率非常高的一个知识点,那么大家知道它的实现原理和
  • Java实现断点续传功能的代码

    Java实现断点续传功能的代码
    题目实现:网络资源的断点续传功能。 二、解题思路 获取要下载的资源网址 显示网络资源的大小 上次读取到的字节位置以及未读取的字节
  • 你可知HashMap为什么是线程不安全的
    HashMap 的线程不安全 HashMap 的线程不安全主要体现在下面两个方面 在 jdk 1.7 中,当并发执行扩容操作时会造成环形链和数据丢失的情况 在
  • ArrayList的动态扩容机制的介绍

    ArrayList的动态扩容机制的介绍
    对于 ArrayList 的动态扩容机制想必大家都听说过,之前的文章中也谈到过,不过由于时间久远,早已忘却。 所以利用这篇文章做做笔记,加
  • JVM基础之字节码的增强技术介绍

    JVM基础之字节码的增强技术介绍
    字节码增强技术 在上文中,着重介绍了字节码的结构,这为我们了解字节码增强技术的实现打下了基础。字节码增强技术就是一类对现有字
  • Java中的字节码增强技术

    Java中的字节码增强技术
    1.字节码增强技术 字节码增强技术就是一类对现有字节码进行修改或者动态生成全新字节码文件的技术。 参考地址 2.常见技术 技术分类 类
  • Redis BloomFilter布隆过滤器原理与实现

    Redis BloomFilter布隆过滤器原理与实现
    Bloom Filter 概念 布隆过滤器(英语:Bloom Filter)是1970年由一个叫布隆的小伙子提出的。它实际上是一个很长的二进制向量和一系列随机映射
  • Java C++算法题解leetcode801使序列递增的最小交换次

    Java C++算法题解leetcode801使序列递增的最小交换次
    题目要求 思路:状态机DP 实现一:状态机 Java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 class Solution { public int minSwap(int[] nums1, int[] nums2) { int n
  • Mybatis结果集映射与生命周期介绍

    Mybatis结果集映射与生命周期介绍
    一、ResultMap结果集映射 1、设计思想 对简单的语句做到零配置,对于复杂一点的语句,只需要描述语句之间的关系就行了 2、resultMap的应用场
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计