基于javafx的简单画图应用

2023-05-16

代码比较简单，但初次接触javafx，会不知道从哪里下手，多与其他人交流看看代码能让我们事半功倍。代码内容我就不多做解释，自己有个思路知道有哪些函数该怎么下手就好。

效果：

一共就只有三个文件，其中fxml文件主要是利用javafx scene builder完成的。

//Painter.java

package p3;

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

public class Painter extends Application {   
   @Override
   public void start(Stage stage) throws Exception {
      Parent root = 
         FXMLLoader.load(getClass().getResource("Painter.fxml"));
      
      Scene scene = new Scene(root);
      stage.setTitle("Painter"); // displayed in window's title bar
      stage.setScene(scene);
      stage.show();
   }

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

//PainterController.java

package p3;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.RadioButton;
import javafx.scene.control.TextField;
import javafx.scene.control.ToggleGroup;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.paint.Paint;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Line;
import javafx.scene.shape.Rectangle;

public class PainterController {
	// enum representing pen sizes
	private enum PenSize {
		SMALL(2), MEDIUM(4), LARGE(6);

		private final int radius;

		PenSize(int radius) {
			this.radius = radius;
		}

		public int getRadius() {
			return radius;
		}
	};

	private enum Shape {
		RECT, CIRCLE, LINE
	};

	// RGB三元色
	private int red = 0;
	private int green = 0;
	private int blue = 0;
	// 初始化：粗细、颜色、形状
	private PenSize radius = PenSize.MEDIUM;
	private Paint brushColor = Color.BLACK;
	private Paint TRANSPARENT = Color.rgb(255,255,255,0.0);//透明色
	private Shape shape = Shape.LINE;
	//鼠标坐标
	private double mouseEnterX;
	private double mouseEnterY;
	private double mouseReleasedX;
	private double mouseReleasedY;
	private double rectangleWidth;
	private double rectangleHeight;
	private double circleCenterX;
	private double circleCenterY;
	private double circleRadius;
	@FXML
	private Button setColorButton;
	@FXML
	private RadioButton mediumRadioButton;
	@FXML
	private TextField greenTextField;
	@FXML
	private ToggleGroup sizeToggleGroup;
	@FXML
	private ToggleGroup shapeToggleGroup;
	@FXML
	private TextField redTextField;
	@FXML
	private RadioButton lineRadioButton;
	@FXML
	private RadioButton rectRadioButton;
	@FXML
	private Pane drawingAreaPane;
	@FXML
	private Button clearButton;
	@FXML
	private RadioButton largeRadioButton;
	@FXML
	private RadioButton smallRadioButton;
	@FXML
	private TextField blueTextField;
	@FXML
	private Button undoButton;
	@FXML
	private RadioButton circleRadioButton;

	public void initialize() {
		//形状按钮赋值
		lineRadioButton.setUserData(Shape.LINE);
		circleRadioButton.setUserData(Shape.CIRCLE);
		rectRadioButton.setUserData(Shape.RECT);
		//粗细按钮赋值
		smallRadioButton.setUserData(PenSize.SMALL);
		mediumRadioButton.setUserData(PenSize.MEDIUM);
		largeRadioButton.setUserData(PenSize.LARGE);
	}
	
	void getValueOfRgb() {
		red = Integer.parseInt(redTextField.getText());
		green = Integer.parseInt(greenTextField.getText());
		blue = Integer.parseInt(blueTextField.getText());
		brushColor = Color.rgb(red, green, blue);
	}
	@FXML
    void drawingAreaMousePressed(MouseEvent e) {
		mouseEnterX = e.getX();
		mouseEnterY = e.getY();	
		if(mouseEnterX > drawingAreaPane.getWidth() || mouseEnterY > drawingAreaPane.getHeight())
    		return;
    }
	
    @FXML
    void drawingAreaMouseReleased(MouseEvent e) {
    	mouseReleasedX=e.getX();
    	mouseReleasedY=e.getY();
    	if(mouseReleasedX > drawingAreaPane.getWidth() || mouseReleasedX < 0 || mouseReleasedY > drawingAreaPane.getHeight()|| mouseReleasedY <0)
    		return;
    	getValueOfRgb();
    	switch (shape) {
    	case LINE:
    		Line newLine = new Line(mouseEnterX, mouseEnterY, mouseReleasedX, mouseReleasedY);
    		newLine.setStroke(brushColor);
    		newLine.setStrokeWidth(radius.getRadius());   
    		drawingAreaPane.getChildren().add(newLine);
    		break;
    	case RECT:
    		rectangleWidth = Math.abs(mouseReleasedX - mouseEnterX);
    		rectangleHeight = Math.abs(mouseReleasedY - mouseEnterY);
    		if(mouseEnterX > mouseReleasedX)
    			mouseEnterX = mouseReleasedX;
    		if(mouseEnterY > mouseReleasedY)
    			mouseEnterY = mouseReleasedY;
    		Rectangle newRect = new Rectangle(mouseEnterX, mouseEnterY, rectangleWidth, rectangleHeight);
    		newRect.setStroke(brushColor);
    		newRect.setFill(TRANSPARENT);
    		newRect.setStrokeWidth(radius.getRadius()); 
    		drawingAreaPane.getChildren().add(newRect);
    		break;
		case CIRCLE:
			circleCenterX = (mouseEnterX + mouseReleasedX) / 2;
			circleCenterY = (mouseEnterY + mouseReleasedY) /2;
			circleRadius = Math.hypot((circleCenterX - mouseEnterX), (circleCenterY - mouseEnterY));
			Circle newCircle = new Circle(circleCenterX,circleCenterY,circleRadius);
    		newCircle.setStroke(brushColor);
    		newCircle.setFill(TRANSPARENT);
    		newCircle.setStrokeWidth(radius.getRadius()); 
    		drawingAreaPane.getChildren().add(newCircle);	
    		break;
		}
    }
    
	@FXML
	void sizeRadioButtonSelected(ActionEvent event) {
		radius = (PenSize) sizeToggleGroup.getSelectedToggle().getUserData();
	}


	@FXML
	void shapeRadioButtonSelected(ActionEvent event) {
		shape = (Shape) shapeToggleGroup.getSelectedToggle().getUserData();
		//shapeRadioButtonSelected
	}

	@FXML
	void undoButtonPressed(ActionEvent event) {
		int count = drawingAreaPane.getChildren().size();

	      // if there are any shapes remove the last one added
	    if (count > 0) {
	       drawingAreaPane.getChildren().remove(count - 1);
	    }
	}

	@FXML
	void clearButtonPressed(ActionEvent event) {
		drawingAreaPane.getChildren().clear(); // clear the canvas
	}
}

Painter.fxml我是使用scene builder完成的

<!--Painter.fxml-->
<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.text.*?>
<?import java.lang.*?>
<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.RadioButton?>
<?import javafx.scene.control.TitledPane?>
<?import javafx.scene.control.ToggleGroup?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.VBox?>

<BorderPane prefHeight="530.0" prefWidth="650.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="p3.PainterController">
   <left>
      <VBox maxHeight="1.7976931348623157E308" prefHeight="464.0" prefWidth="106.0" spacing="8.0" BorderPane.alignment="CENTER">
         <children>
            <TitledPane text="粗细">
               <content>
                  <VBox spacing="8.0">
                     <children>
                        <RadioButton fx:id="smallRadioButton" mnemonicParsing="false" onAction="#sizeRadioButtonSelected" text="细">
                           <toggleGroup>
                              <ToggleGroup fx:id="sizeToggleGroup" />
                           </toggleGroup>
                        </RadioButton>
                        <RadioButton fx:id="mediumRadioButton" mnemonicParsing="false" onAction="#sizeRadioButtonSelected" selected="true" text="中等" toggleGroup="$sizeToggleGroup" />
                        <RadioButton fx:id="largeRadioButton" mnemonicParsing="false" onAction="#sizeRadioButtonSelected" text="粗" toggleGroup="$sizeToggleGroup" />
                     </children>
                  </VBox>
               </content>
            </TitledPane>
            <TitledPane text="形状">
               <content>
                  <VBox spacing="8.0">
                     <children>
                        <RadioButton fx:id="lineRadioButton" mnemonicParsing="false" onAction="#shapeRadioButtonSelected" selected="true" text="直线">
                           <toggleGroup>
                              <ToggleGroup fx:id="shapeToggleGroup" />
                           </toggleGroup></RadioButton>
                        <RadioButton fx:id="rectRadioButton" mnemonicParsing="false" onAction="#shapeRadioButtonSelected" text="矩形" toggleGroup="$shapeToggleGroup" />
                        <RadioButton fx:id="circleRadioButton" mnemonicParsing="false" onAction="#shapeRadioButtonSelected" text="圆形" toggleGroup="$shapeToggleGroup" />
                     </children>
                  </VBox>
               </content>
            </TitledPane>
            <TitledPane text="颜色">
               <content>
                  <VBox spacing="8.0">
                     <children>
                        <GridPane alignment="CENTER_LEFT" prefHeight="90.0" prefWidth="84.0">
                          <columnConstraints>
                            <ColumnConstraints hgrow="SOMETIMES" maxWidth="95.0" minWidth="10.0" prefWidth="37.0" />
                            <ColumnConstraints hgrow="SOMETIMES" maxWidth="171.0" minWidth="10.0" prefWidth="43.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>
                              <Label alignment="CENTER_RIGHT" contentDisplay="CENTER" prefHeight="24.0" prefWidth="40.0" text="红：">
                                 <font>
                                    <Font size="18.0" />
                                 </font>
                              </Label>
                              <Label alignment="CENTER_RIGHT" prefHeight="20.0" prefWidth="64.0" text="绿：" GridPane.rowIndex="1">
                                 <font>
                                    <Font size="18.0" />
                                 </font>
                              </Label>
                              <Label alignment="CENTER_RIGHT" prefHeight="24.0" prefWidth="52.0" text="蓝：" GridPane.rowIndex="2">
                                 <font>
                                    <Font size="18.0" />
                                 </font>
                              </Label>
                              <TextField fx:id="redTextField" alignment="CENTER" text="0" GridPane.columnIndex="1" />
                              <TextField fx:id="greenTextField" alignment="CENTER" text="0" GridPane.columnIndex="1" GridPane.rowIndex="1" />
                              <TextField fx:id="blueTextField" alignment="CENTER" text="0" GridPane.columnIndex="1" GridPane.rowIndex="2" />
                           </children>
                        </GridPane>
                     </children>
                  </VBox>
               </content>
            </TitledPane>
            <Button fx:id="undoButton" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#undoButtonPressed" text="上一步" />
            <Button fx:id="clearButton" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#clearButtonPressed" text="清空" />
         </children>
         <BorderPane.margin>
            <Insets right="8.0" />
         </BorderPane.margin>
      </VBox>
   </left>
   <center>
      <Pane fx:id="drawingAreaPane" onMousePressed="#drawingAreaMousePressed" onMouseReleased="#drawingAreaMouseReleased" prefHeight="513.0" prefWidth="520.0" style="-fx-background-color: white;" BorderPane.alignment="CENTER" />
   </center>
   <padding>
      <Insets bottom="8.0" left="8.0" right="8.0" top="8.0" />
   </padding>
</BorderPane>

由于本人水平有限，代码存在错误之处欢迎指正。

代码查看：https://gitee.com/tian-aqiang/Painter/tree/master/Lab9/src/p3https://gitee.com/tian-aqiang/Painter/tree/master/Lab9/src/p3

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

基于javafx的简单画图应用的相关文章

银河麒麟4.0.2二进制安装mysql5.7

先查看银河麒麟的版本 root 64 idiom kylin1 cat etc kylin build Kylin 4 0 2 Build 20191024 一下载二进制包 xff0c 并安装所需软件 root 64 idiom kyli
使用shell脚本一键部署LNMP架构

span class token comment bin bash span span class token comment 将需要的安装包传到 opt目录下 xff0c 并关闭防火墙 span systemctl stop firewa
Nginx优化与防盗链

目录一隐藏版本号二修改用户与组三缓存时间四日志分割五连接超时六更改进程数七配置网页压缩八配置防盗链九 fpm参数优化一隐藏版本号可以使用Fiddler工具抓取数据包 xff0c 查看Nginx版本也可以在Cento
MySQL索引、事务与存储引擎

目录一 MySQL索引1 索引的概念2 索引的作用3 创建索引的原则依据4 索引的分类和创建4 1 61 61 普通索引 61 61 4 2 61 61 唯一索引 61 61 4 3 61 61 主键索引 61 61 4 4 61 61
openstack基础知识

目录一云计算1 什么是云计算2 云计算的特色3 云计算的三种使用方式1 xff09 公有云2 xff09 私有云3 xff09 混合云 4 云计算服务模型1 xff09 IaaS 基础架构即服务 2 xff09 PaaS xff08 平
openstack-keystone

目录一 keystone身份服务二 keystone的主要功能三 keystone相关概念四 keystone认证流程五 OpenStack Keystone组件部署步骤部署步骤一 keystone身份服务 keystone xff08
k8s-----------YAML&harbor

目录概述使用YAML文件创建资源1 查看资源版本的标签2 创建yaml文件测试 Pod1 特点2 pod容器分类3 镜像拉取策略部署harbor1 登录harbor私有仓库2 下载Tomcat镜像进行推送3 推送概述 Kubernet
k8s-----------高级pod&调度

目录 pod进阶pod重启策略健康检查探针调度约束调度方式故障排除 pod进阶 limits cup cpu上限limits memory 内存上限requests cpu 创建时分配的基本CPU资源requests memory 创
k8s-----------控制器

目录 Deployment 部署无状态应用 Pod与控制器之间的关系 SatefulSet xff08 部署有状态应用 xff09 无状态和有状态无状态有状态常规service和无头服务区别DaemonSetjobCronJob 控制器
安装electron时安装失败解决

错误描述 xff1a 在安装 electron 的时候 xff0c 使用官方推荐的如下命令 xff1a npm install save dev electron 结果报错如下 npm ERR code 1 npm ERR path D A
10:天干地支

10 天干地支时间限制 1 S 内存限制 8192 KB Accept 15 Submit 41 提交讨论版描述天干地支 xff0c 源自中国远古时代对天象的观测甲乙丙丁戊己庚辛壬癸称为十天干 xff0c 子
txt格式vscode转码

txt打开异常 xff0c 或乱码右下角有格式类型 xff1a utf 8 xff0c 点击它会有一个 select action 弹框可选择特定格式重新打开 xff0c 或保存选择好对应的格式乱码解决或者点击 save with
送给 Java 程序员的 Spring 学习指南

https www infoq cn article Ad 8ghcGGCNU572U6oEX 学习 Spring 的基础要求 Spring 官网首页是这么介绍自己的 Spring the source for modern Java xf
Centos下如果是二进制文件，编辑是文本，后缀是sh也无法执行

这次部署redis遇到个问题 xff0c 执行sh文件来启动redis xff0c 结果报配置文件无法打开用vi打开sh文件反复检查过路径是对的然后手敲路径执行 xff0c 运行正常 xff1b 直接执行sh文件不行 xff1a 反复修
Python Pandas 查看数据信息 DataFrame.info()

在进行数据分析之前 xff0c 需要先查看数据的信息 xff0c 这样才方便后续的数据处理比如 xff0c 在excel表中20220520是一个常规类型的数据 xff0c 那它导入到DataFrame中是int类型还是str类型呢 xf
03-1.MariaDB安装配置详细步骤

Author xff1a Sickey Date xff1a 2021 11 25 安装前准备配置静态IP防火墙等等 1 安装mariadb数据库先查看RDO中MariaDB的版本及配置 etc my cnf d server cnf
24行代码简单实现qq空间自动点赞

什么是Auto js xff1f Auto js是基于JavaScript语言运行在Android平台上的工具它依赖于无障碍服务它可以做什么 xff1f 解放双手 xff0c 让手机自动打游戏自动签到自动领红包等等等等它有什么优点
操作系统（C++）——生产者消费者模型

一 C 43 43 实现代码 span class token macro property span class token directive hash span span class token directive keyword i
2023.03.14java内置的线程池 -》 ScheduledExecutorService 具备延迟运行的能力!的使用

区别 ScheduledExecutorService xff0c 执行任务方法为schedule xff0c 而不是submit es schedule new MyRunnable i 2 TimeUnit SECONDS 指定线程了线
sudo rm -rf /* 命令运行演示（管理员身份删除根目录所有文件）

一前言闲来无事 xff0c 好奇传说中的 sudo rm rf 命令究竟有什么样的魅力让无数人趋之若鹜 xff0c 本着奉献精神 xff0c 作者将在自己的服务器上测试一番 xff0c 各位读者切勿轻易尝试不 xff0c 切勿尝试 x

随机推荐

服务器如何安装宝塔面板？

一前言作者是按照宝塔面板官方指引进行下载的 xff0c 中间进行更为清晰明了的图示说明宝塔官方说明 xff08 或者直接按下面步骤安装 xff09 xff1a 宝塔Linux面板安装教程 2021年8月18日更新 7 7 0正式版 L
计算机网络体系结构（详图）

本文旨在作学习记录 xff0c 其中 xff0c 图源的信息已标明图源 xff1a 谢希仁的计算机网络图源 xff1a 网络
wordpress+宝塔在阿里云服务器上搭建个人博客（如何在服务器上搭建个人博客）

目录一宝塔安装 1 开放端口 2 命令安装二环境安装 xff08 LNMP xff09 三 wordpress安装包下载四部署站点四博客访问五结语与参考一宝塔安装宝塔官方安装教程 xff08 或者直接按下面步骤安装
docker-compose安装教程(包含docker安装教程）

本文旨在学习记录 xff0c 该过程是作者经历过大大小小的十来次失败总结而来 xff0c 内容都是各方博客荟萃的结果 xff0c 下述内容都已实践成功 xff0c 若失败 xff0c 只需初始化云盘 xff0c 重新安装即可 xff0c 无
Idea中xml文件局部黄色背景颜色去除

Idea中xml文件局部黄色背景颜色去除参考 xff1a Idea中更改主题后xml配置文件局部黄色背景颜色去除版本2020 3 初始打开 xff0c 或更换主题后 xff0c 黑色背景屎黄色 xff0c 白色背景浅黄色或青绿色 Int
RabbitMQ安装教程（最新RabbitMQ安装，通用教程）

目录一前言二 Erlang下载安装三 RabbitMQ下载安装三 RabbitMQ Web界面管理四参考与结语一前言 RabbitMQ是一个开源的遵循 AMQP协议实现的基于 Erlang语言编写 xff0c 即需要先安装
RabbitMQ狂神说笔记（RabbitMQ B站狂神说笔记、KuangStudy、学相伴飞哥）

一中间件 1 什么是中间件什么是中间件我国企业从20世纪80年代开始就逐渐进行信息化建设 xff0c 由于方法和体系的不成熟 xff0c 以及企业业务的市场需求的不断变化 xff0c 一个企业可能同时运行着多个不同的业务系统 xff0
RabbitMQ+docker安装教程

一前言 RabbitMQ是一个开源的遵循 AMQP协议实现的基于 Erlang语言编写 xff0c 一般地 xff0c 需要先安装部署Erlang环境再安装RabbitMQ环境但在docker中 xff0c Erlang环境已经被doc
docker安装和卸载教程（官方文档）

Doker安装 Linux系统 xff1a CentOS 7 x 官方安装文档介绍 xff1a 链接一安装之前现卸载系统上原有的Docker sudo yum remove docker docker client docker cli
docker阿里云镜像加速器

一镜像加速器的作用转述阿里云官网原话 xff1a 使用加速器可以提升获取Docker官方镜像的速度二实现方式直接访问链接 xff1a 阿里云镜像加速器或者跟着图示走 xff1a 在 etc docker目录下 xff0c 通过修
关于联想小新Air14（或小新系列）更新系统后蓝屏的解决方法（关于windows系统更新安装补丁后出现蓝屏的解决方法）

关于一前言作者在某天更新完windows10系统后 xff0c 连续两天出现电脑卡机 xff0c 接而出现蓝屏出现的很突然 xff0c 让我很是头疼 xff0c 咨询联想客服 xff0c 联想客服首次提供的解决方法是卸载最新的质量更
Springboot配置实现RabbitMQ中的fanout（发布/订阅）模式的案例（IntelliJ IDEA ，非注解配置）

环境准备 Linux系统 xff1a CentOS 7 x xff08 阿里云服务器 xff09 RabbitMQ安装 xff1a 直接安装到服务器上 xff08 RabbitMQ安装 xff1a 通过docker安装 xff0c 选择其中
请你说下HashMap的底层原理？（HashMap的底层实现）

本文转载自JavaGuide和另一博客 xff08 点击链接即可访问 xff09 xff0c 并以通俗易懂的语言修改编辑上述内容 xff0c 作为面试答复 xff0c 本文仅作学习记录 HashMap的底层原理 xff1a HashMap
关于如何实现外网访问本地主机IP地址（natapp）。（如何实现将外网可访问的域名与本地主机IP地址绑定）

背景介绍最近在跟着网上学习微信支付接口的异步通知 xff0c 其中 xff0c 微信需要将支付成功的消息通过接口传递给本地主机 xff0c 即需要提供一个外网可访问的本地主机地址具体如下 xff1a 由于还停留在测试阶段 xff0c 我
第一、二、三范式的区别

第一范式 xff08 每一列都是不可分割的原子项 xff09 消除非主属性对码的部分函数依赖第二范式消除非主属性对码的传递函数依赖第三范式消除主属性对码的部分和传递函数依赖 BCNF 消除非平凡且非函数
Typora修改主题样式

Typora修改主题样式设置外观主题 xff0c 单击打开主题文件夹打开主题文件夹 xff0c 选择github css进行修改在设置通用中 xff0c 勾选开启调试模式右键单击 xff0c 检查元素在调试模式中进行样式
LeetCode中需要用到数据结构的各种方法（Java）

String 1 获取指定下标的字符char xff1a charAt index 2 连接两个字符串 xff1a str1 concat str2 3 比较 xff1a equals str 4 返回子串 xff1a substring
sql的子查询中，in和exists的区别。（exists比in效率高的原因）

下述仅为简略性的概况 xff0c 子查询中为何exists的效率比in的高 xff0c 建议读者多查阅其他资料了解数据库中 xff0c 我们都有一个通识 xff0c 就是关于子查询中 xff0c 关键字 exists 的效率是要比关键字
如何使用smb共享文件（win10），可多人同时下载

本文为转载 xff1a SMB文件共享教程知乎 Server Message Block SMB xff0c 是一种文件共享协议当文件原件在你的A电脑上 xff0c 而你想在局域网下用你的手机 iPad或是另一台电脑来访问A电脑上的该文
基于javafx的简单画图应用

代码比较简单 xff0c 但初次接触javafx xff0c 会不知道从哪里下手 xff0c 多与其他人交流看看代码能让我们事半功倍代码内容我就不多做解释 xff0c 自己有个思路知道有哪些函数该怎么下手就好效果 xff1a 一共就只有

基于javafx的简单画图应用

基于javafx的简单画图应用 的相关文章

随机推荐

热门标签

基于javafx的简单画图应用的相关文章