javafx写一个小游戏-井字棋

最新推荐文章于 2024-08-13 19:47:43 发布
最新推荐文章于 2024-08-13 19:47:43 发布
阅读量2.1k 收藏 28
点赞数 5
分类专栏： javafx 文章标签： java javafx2.0 java javafx 例子 代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A5wa41s/article/details/107189003
版权

学了几天的javafx，感觉非常好用，自己写了一个小游戏，如有不足，希望大佬加以指正，谢谢。

1.先写UI界面

新建一个ui.fxml文件，用于显示ui界面
界面效果如下：
在这里插入图片描述
代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.*?>
<?import javafx.scene.image.*?>
<?import javafx.scene.shape.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane maxHeight="600.0" maxWidth="600.0" minHeight="600.0" minWidth="600.0" prefHeight="600.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"
 fx:controller="application.MyController"><!--  此处添加fx:controller="xxxxr"来添加ui界面的功能处理 -->
   <children>
      <GridPane maxHeight="600.0" maxWidth="600.0" minHeight="600.0" minWidth="600.0" prefHeight="600.0" prefWidth="600.0" style="-fx-grid-lines-visible: true;">
        <columnConstraints>
          <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
          <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
        </columnConstraints>
        <rowConstraints>
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
        </rowConstraints>
         <children>
            <Button  maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false"  prefHeight="200.0" prefWidth="200.0" />
            <Button  layoutX="10.0" layoutY="10.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false"  prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="1" />
            <Button  layoutX="210.0" layoutY="10.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false"  prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="2" />
            <Button  layoutX="10.0" layoutY="10.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false"  prefHeight="200.0" prefWidth="200.0" GridPane.rowIndex="1" />
            <Button  layoutX="10.0" layoutY="210.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="1" GridPane.rowIndex="1" />
            <Button  layoutX="10.0" layoutY="10.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="2" GridPane.rowIndex="1" />
            <Button  maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false"  prefHeight="200.0" prefWidth="200.0" GridPane.rowIndex="2" />
            <Button maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false"  prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="1" GridPane.rowIndex="2" />
            <Button  maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false"  prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="2" GridPane.rowIndex="2" />
         </children>
      </GridPane>
   </children>
</AnchorPane>

二.加载布局文件

在Main.java中，通过FXMLLoader.load()加载布局文件，
代码如下：

FXMLLoader.load(getClass().getResource("/application/ui.fxml")); //加载布局文件ui.fxml

三.处理ui界面的功能

新建一个类，实现Initializable功能。
代码如下：

package application;

public class MyController implements Initializable {	
	
	@Override
	public void initialize(URL arg0, ResourceBundle arg1) {	//首先调用此方法
		
	}
}

在ui.fxml里添加 fx:controller="application.MyController"后，

 fx:controller="application.MyController"	//controller的名字和位置根据自己的配置选择

在MyController.java里可以用@FXML注解将属性分享到ui界面上

@FXML private Button bu;			//按钮控件

然后在ui.fxml文件里使用fx:id便可以绑定控件

<Button fx:id="b1" />		//绑定MyController中的属性

而按钮的点击方法可以通过设置方法的参数，如下：

public void play(ActionEvent event) {
		...
}

将方法分享到ui界面上，在ui界面上使用fx:onAction进行绑定

<onAction="#action">	//绑定点击的函数

完整代码如下：
1.Main.java

package application;
	
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {
	
	@Override
	public void start(Stage primaryStage) {
		try {	
			Parent root = FXMLLoader.load(getClass()			//加载布局文件ui.fxml
                    .getResource("/application/ui.fxml"));
			primaryStage.setTitle("井字棋");								//设置标题
			primaryStage.setScene(new Scene(root));				//设置主面板
			primaryStage.show();												//显示主界面
		} catch(Exception e) {
			e.printStackTrace();
		}
	}
	public static void main(String[] args) {
		launch(args);
	}
}

2.MyController.java

package application;


import java.net.URL;
import java.util.Optional;
import java.util.ResourceBundle;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.control.Button;
import javafx.scene.control.ButtonType;
import javafx.scene.control.Dialog;
import javafx.scene.control.DialogPane;
import javafx.scene.image.Image;
import javafx.scene.layout.Background;
import javafx.scene.layout.BackgroundImage;
import javafx.scene.layout.BackgroundSize;

public class MyController implements Initializable {
	
	private Image imageX = new Image("x.jpg");	//图片X
	private Image imageO = new Image("o.jpg");	//图片O
	private boolean flag = true;				//标志物，决定当前是画X还是画O

	@FXML private Button b1;			//通过@FXML来绑定控件
	@FXML private Button b2;			//b1-b9代表9个格子
	@FXML private Button b3;
	@FXML private Button b4;
	@FXML private Button b5;
	@FXML private Button b6;
	@FXML private Button b7;
	@FXML private Button b8;
	@FXML private Button b9;
	private int[] r = new int[9];	//分别代表9个棋子	-1代表X 	1代表O
	
	private ButtonType buttonAgain = new ButtonType("重新开始");		//重新开始的按钮
	private ButtonType buttonOver = new ButtonType("结束游戏");		//重新开始的按钮
	private Alert alt = new Alert(AlertType.CONFIRMATION);			//游戏结束对话框
	
	@Override
	public void initialize(URL arg0, ResourceBundle arg1) {	//首先调用此方法
		setBackgroundEmpty();	//清空所有背景图片
		alt.setTitle("游戏结束！"); 	//设置对话框的标题
		alt.getButtonTypes().setAll(buttonAgain,buttonOver);	//添加按钮到对话框上
	}
	private	BackgroundSize bs =  new BackgroundSize(200, 200, false, false, false, false);	//设置画的图形的大小
	private BackgroundImage bX = new BackgroundImage(imageX, null, null, null, bs);		//图形X
	private BackgroundImage bO = new BackgroundImage(imageO, null, null, null, bs);		//图形O	
	
	//点击按钮时调用此方法
	public void action(ActionEvent event) {
		Button b = (Button) event.getSource();		//获得点击的对象
		int id = Integer.parseInt(b.getId().trim().substring(1))-1;	//通过按钮的id获得位置 例如是b1 得到0
		if(b.getBackground() == null) {		//如果还没有下这个位置
			if(flag == true) {					//该画X了
				b.setBackground(new Background(bX));	//画X
				r[id] = -1;
				flag = false;	//下一个应该画O
			}else {								//该画O了
				b.setBackground(new Background(bO));	//画O
				r[id] = 1;
				flag = true;	//下一个应该画X
			}
			check();
		}
	}
	//清空所有按钮的背景
	private void setBackgroundEmpty() {
		b1.setBackground(null);b2.setBackground(null);b3.setBackground(null);	
		b4.setBackground(null);b5.setBackground(null);b6.setBackground(null);
		b7.setBackground(null);b8.setBackground(null);b9.setBackground(null);
	}
	//重新开始
	private void again() {
		setBackgroundEmpty();			//清空背景
		r = new int[9];					//重新计数
	}
	//判断是否满足胜利条件
	private void check() {
		if(r[0]+r[1]+r[2]==3			//第一排横着3个O
		|| r[3]+r[4]+r[5]==3			//第二排横着3个O
		|| r[6]+r[7]+r[8]==3			//第三排横着3个O
		|| r[0]+r[3]+r[6]==3			//第一列竖着3个O
		|| r[1]+r[4]+r[7]==3			//第二列竖着3个O
		|| r[2]+r[5]+r[8]==3			//第三列竖着3个O
		|| r[0]+r[4]+r[8]==3			//  \的3个O
		|| r[2]+r[4]+r[6]==3) {			//  /的3个O
			alt.setHeaderText("O赢了");						//设置对话框内容
			Optional<ButtonType> result = alt.showAndWait();	//显示对话框
			if (result.get() == buttonAgain){		//再来一次
			    again();
			}else {
				System.exit(0);		//结束游戏
			}
		}
		if(r[0]+r[1]+r[2]==-3			//第一排横着3个X
		|| r[3]+r[4]+r[5]==-3			//第二排横着3个X
		|| r[6]+r[7]+r[8]==-3			//第三排横着3个X
		|| r[0]+r[3]+r[6]==-3			//第一列竖着3个X
		|| r[1]+r[4]+r[7]==-3			//第二列竖着3个X
		|| r[2]+r[5]+r[8]==-3			//第三列竖着3个X
		|| r[0]+r[4]+r[8]==-3			//  \的3个X
		|| r[2]+r[4]+r[6]==-3) {
			alt.setHeaderText("X赢了");						//设置对话框内容
			Optional<ButtonType> result = alt.showAndWait();	//显示对话框
			if (result.get() == buttonAgain){		//再来一次
			    again();
			}else {
				System.exit(0);		//结束游戏
			}
		}	
		//所有格子都被点了 但是没有分出胜负
		if(r[0]!=0 && r[1]!=0 && r[2]!=0	
		&& r[3]!=0 && r[4]!=0 && r[5]!=0
		&& r[6]!=0 && r[7]!=0 && r[8]!=0) {
			alt.setHeaderText("平局");						//设置对话框内容
			Optional<ButtonType> result = alt.showAndWait();	//显示对话框
			if (result.get() == buttonAgain){		//再来一次
			    again();
			}else {
				System.exit(0);		//结束游戏
			}
		}
	}
}

3.ui.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.*?>
<?import javafx.scene.image.*?>
<?import javafx.scene.shape.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane maxHeight="600.0" maxWidth="600.0" minHeight="600.0" minWidth="600.0" prefHeight="600.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.MyController">
   <children>
      <GridPane maxHeight="600.0" maxWidth="600.0" minHeight="600.0" minWidth="600.0" prefHeight="600.0" prefWidth="600.0" style="-fx-grid-lines-visible: true;">
        <columnConstraints>
          <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
          <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
        </columnConstraints>
        <rowConstraints>
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
          <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
        </rowConstraints>
         <children>
            <Button fx:id="b1" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" onAction="#action" prefHeight="200.0" prefWidth="200.0" />
            <Button fx:id="b2" layoutX="10.0" layoutY="10.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" onAction="#action" prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="1" />
            <Button fx:id="b3" layoutX="210.0" layoutY="10.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" onAction="#action" prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="2" />
            <Button fx:id="b4" layoutX="10.0" layoutY="10.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" onAction="#action" prefHeight="200.0" prefWidth="200.0" GridPane.rowIndex="1" />
            <Button fx:id="b5" layoutX="10.0" layoutY="210.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" onAction="#action" prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="1" GridPane.rowIndex="1" />
            <Button fx:id="b6" layoutX="10.0" layoutY="10.0" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" onAction="#action" prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="2" GridPane.rowIndex="1" />
            <Button fx:id="b7" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" onAction="#action" prefHeight="200.0" prefWidth="200.0" GridPane.rowIndex="2" />
            <Button fx:id="b8" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" onAction="#action" prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="1" GridPane.rowIndex="2" />
            <Button fx:id="b9" maxHeight="200.0" maxWidth="200.0" minHeight="200.0" minWidth="200.0" mnemonicParsing="false" onAction="#action" prefHeight="200.0" prefWidth="200.0" GridPane.columnIndex="2" GridPane.rowIndex="2" />
         </children>
      </GridPane>
   </children>
</AnchorPane>

运行结果如下：
在这里插入图片描述

学习交流请加QQ群：1062828738

妍芯电子
关注
专栏目录
javaFX写的推箱子小游戏
09-18
使用Java语言实现的推箱子小游戏源码，javaFX生成的界面，逻辑简单明了，都在代码里注释了，运行效果请看：https://blog.csdn.net/qq_40087987/article/details/82754803
用JavaFX写的井字棋游戏
QiuYuSy的博客
08-18 1359
用JavaFX写的井字棋游戏 游戏界面 未来改进之处:（有时间的话也许会回来优化吧 ）（论鸽子的自我修养） 算法提升： 判断是否填满棋盘的方法可以改进为计数的方法 判断是否赢得比赛得方法可以改进为最后一个落子周围的判断，而不是全局 界面提升 为界面设计更多的元素 功能提升 提供撤回操作 学习网络编程后，可以实现多人进行游戏？ import javafx.application.Application; import javafx.geometry.Insets; import javafx.s
Java桌面程序实现飞机大战，FlyBird游戏，JavaFx
最新发布
qq_40173146的博客
08-13 1743
JAVA飞机大战游戏 简介：本人在本学期，通过JAVA实训，做了一款Java桌面程序游戏（飞机大战），设计思想和自己之前的C语言一样。还是通过多线程技术为核心。因为是学校实训内容，主要目的是巩固JAVA的学习，利用到了Java中面向对象的思想（继承，封装，多态），文件的读取，数组，集合（List）, 线程同步，JAVAFx图形界面，鼠标事件监听等。 游戏规则设计 主要是英雄机和敌机对战，英雄机和敌机都可以发射...
基于JavaFX--WJFXGameEngine游戏引擎介绍与进度
SunRaIN_的专栏
05-06 344
声明: 本博客文章原创类别的均为个人原创，版权所有。转载请注明出处:http://blog.csdn.net/ml3947，另外本人的个人博客:http://www.wjfxgame.com。 计划进行JavaFX的游戏引擎开发已经许久了，但是因为笔记本的数据丢失，导致以前写的代码都不见了。最近开始动笔的时候也不过是4月中旬而已。代码量并不是很多，但是目前基本上雏形已经出来了。也差...
JavaFX小游戏编程含源代码！
04-12
这是一个利用javaFX编写的一个小游戏，里面的内容是本人为了打好精神，才那样写的，如有不妥之处还情见谅，谢谢合作！
【Java】贪吃蛇小游戏设计——基于JAVAFX的图形游戏的设计与开发
m0_72526865的博客
05-18 2029
基于原始贪吃蛇小游戏的原理，设置方格为蛇的身体，一节一节的身体连起来就有了像素风格，随机出现的食物设置为黄色的圆形，整个游戏界面设置为黑色。贪吃蛇小游戏的核心在于蛇的每一步移动，即如何让方块动起来，理解了运动的原理和实质也就简单了。实现移动的动画效果其实就是在极短时间间隔内画布的重绘，肉眼看上去就是动画了。画布重绘的依据是蛇的每节身体的变化，即每节身体变换到前一节的位置，而蛇头需要单独变化，根据用户输入的方向键判断上下左右的移动。
井字棋eclipse项目(java)
05-04
井字棋，也被称为“Tic-Tac-Toe”，是一个简单但经典的二人对弈游戏，通常在纸上进行。在这个项目中，我们有一个基于Java开发的井字棋游戏，它是在Eclipse集成开发环境下构建的。Eclipse是Java开发者广泛使用的IDE，...
chess 棋类小游戏——井字棋
12-29
在这个Java实现的井字棋项目中，我们可以学习到如何构建一个基本的命令行界面游戏，这对于Java编程初学者来说是一个很好的练习。 首先，我们需要了解Java的基础知识，包括类、对象、方法、变量等概念。在这个游戏中...
java井字棋游戏GUI界面.rar
12-18
Java井字棋游戏GUI界面是一个基于Java编程语言开发的简单桌面游戏，允许两位玩家通过图形用户界面（GUI）进行互动。这个游戏的核心在于它的界面设计和基础的判断算法，使得玩家能够在屏幕上直观地看到游戏的进展。...
用Java实现的简单井字棋游戏
06-19
游戏的核心算法是极大极小搜索（Minimax），这是一种用于决策树搜索的经典方法，特别适用于二人零和游戏，如井字棋。 首先，我们需要创建一个棋盘类来表示游戏的状态。这个类可以包含一个二维数组，每个元素代表...
java编写井字棋网络版小游戏
05-12
井字棋网络版小游戏是基于Java编程语言开发的一款简单但有趣的多人在线对战游戏。它利用TCP（Transmission Control Protocol）协议进行数据传输，使得玩家可以通过网络进行实时的对弈。以下将详细介绍Java编程、井字...
JavaFX实现华容道游戏 （横刀立马）可视化界面
12-08
之前有一个控制台版本的华容道，这次是用JavaFX实现的可视化版本 游戏规则：鼠标点击选中块，然后键盘上下左右控制移动
TicTacToe:JavaFX井字游戏，实现了Newell和Simon的1972年策略
05-06
井字游戏 该应用程序是使用JavaFX开发的，它为您提供了两个简单或困难的难题选项，以及选择是第一个还是第二个的能力。 当在硬模式下播放时，AI将遵循策略。 #####以下是游戏的屏幕截图： ＃＃＃＃去做： 如果第二要执行AI的开放策略。 代码文档。 优化。 -如果仅调用一次，则可能对难度按钮进行优化。 -研究prevMove变量。 修复错误（如果有）。
用java fx写的五星连珠小游戏
05-31
用java fx写的五星连珠小游戏，适合java初学者
javaFX实现五子棋小游戏
08-18
主要为大家详细介绍了javaFX实现五子棋小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jogos-javafx:一系列简短的教程，供我们在 JavaFX 中创建小游戏！
06-20
创建 JavaFX 游戏 关于使用 JavaFX 创建游戏的基础知识的系列文章 代码是一个Netbeans 8项目，必须下载Netbeans 8，并在其中打开项目。 有关 learning-javafx.blogspot.com 博客的更多信息
JavaFX列表示例
最佳 Java 编程
05-26 673
这是使用JavaFX构建的示例列表应用程序。 该应用程序是待办事项列表。 此应用程序具有添加，更新和删除列表中项目的功能。 列表数据存储在HSQLDB关系数据库中。 该应用程序使用JDBC（Java数据库连接）API访问数据库。 该应用程序打包为可执行JAR文件。 JavaFX 2.2，Java SE 7和HSQLDB 2.3.2用于构建应用程序。 本文详细介绍了构建应用程序。 本文...
使用JavaFx实现的俄罗斯方块小游戏
廖小生的博客
01-11 653
使用JavaFx实现的俄罗斯方块小游戏
基于JavaFX的扫lei小游戏
m0_61905108的博客
11-26 707
java课程
用javafx写一个井字棋
02-21
我不太懂写代码，但是我可以提供一些对于写一个井字棋的技术指导。JavaFX是一种支持交互图形的Java应用程序框架，可以帮助你创建出美观的用户界面。可以考虑使用JavaFX的图形和GUI工具来创建游戏，这样就可以通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

妍芯电子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值