基于javafx的简单画图应用

最新推荐文章于 2024-08-03 12:18:06 发布
最新推荐文章于 2024-08-03 12:18:06 发布
阅读量1.3k 收藏 15
点赞数
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51567051/article/details/124630616
版权

代码比较简单，但初次接触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/p3icon-default.png?t=M3K6https://gitee.com/tian-aqiang/Painter/tree/master/Lab9/src/p3

 

就是搞笑
关注
javafx画板程序
12-28
使用javafx开发的画板程序，类似于Windows上的画图程序，但所画的图形能够拖动，图形能够保存
javafx 实现绘图板
m0_49952522的博客
09-30 3044
利用javafx实现绘图板 实现功能包括绘制线条（直线、曲线）和几何图形，选中图形并反色，填充颜色，移动（线条移动有些不灵敏），计算长度面积、保存成可编辑文件、清空画板。 以前自己摸索写的，有很多不足，仅供自己使用 项目结构： 实现效果： 绘图 选中反色 填充颜色 计算面积 保存为可编辑文件 其他图就不放了。 源码： package config; public enum Action { SELECT, RECTANGULAR,MOVE,FILL,CIRCULAR,ELLIPSE
JavaFX布局-GridPane
最新发布
ceclar123的专栏
08-03 376
GridPane通过行列设置，将子节点放在单元格中
javaFX2画图（源码见同账号下另外一个文件）
01-22
用javaFX2写的画板。 主要功能有： 画笔工具，橡皮擦，背景色设置，画直线，画直角矩形，画圆角矩形，画椭圆； 文本输入，打开图片，保存图片，后退，清空； 仅做学习用，无法商用，因为功能不完善，有待优化
JavaFX实现简易的画图程序
qq_61831983的博客
04-29 3256
JavaFX实现画图小程序，可设置保存画布
java画图工具（使用Highstock+angularjs+javafx）
03-28
java语言编写的画图工具，打包成jar，可以方便的引入项目，比如java项目，python，matlab等。 图形工具是功能强大的Highstock，支持的图形种类很多，功能强大。
JavaFx开发Windows画图板工具
01-27
本项目“JavaFx开发Windows画图板工具”旨在模仿Windows操作系统内置的画图应用，为用户提供一个简单的绘图环境。 首先，JavaFX的Scene类是构建应用界面的基础，它包含了所有可视组件和交互行为。在这个画图板工具...
Java画图板应用
11-24
Java画图板应用是一种基于Java编程语言开发的图形用户界面（GUI）程序，它提供了类似Windows操作系统内置画图板的功能。这个程序的核心是利用Java的Swing或JavaFX库来构建用户界面，允许用户进行基本的绘图操作，如...
基于Java编写的可视化画图软件
04-10
在这个画图软件中，Java的Swing或JavaFX库可能被用来构建用户界面，提供丰富的组件和高度定制的图形功能。开发者通过这些工具，可以方便地创建出具有专业级别的画布，支持用户进行自由绘画。 画图功能是这款软件的...
Java简易画图板
05-24
【Java简易画图板】是一个基于Java编程语言开发的简单图形绘制工具，它为用户提供了一个基本的画布，用户可以通过各种绘图工具进行创作。这个程序包含了一系列基础的图形元素和编辑功能，如直线、铅笔、圆形和矩形，...
【JavaFX】实现画图操作小程序
小筱在线博客
12-11 496
JavaFX提供了一个Canvas类来实现画图操作。以上代码绘制一个红色的矩形，坐标从(100,100)开始，宽为200，高为100。以上代码绘制一个黑色的边框，宽度为2。
JavaFx编写图形界面（珍藏版）
03-10
利用JavaFx编写富客户端应用程序，包括事件响应，GUI组件的使用，及布局等。
JAVAFX绘制笑脸
12-19
运行后显示一个笑脸图案，用JavaFX实现，可以自己修改颜色，大小
java画图板（界面比较简洁）
11-15
本人的第一个java程序，画图板，实现一些基本的绘画功能，可以保存，打开，新建文件等，原本用jcreator编的，后来稍微改下改成用jbuilder运行了
javafx开发的画板程序.zip
02-16
使用javafx开发的画板程序，类似于Windows上的画图程序，但所画的图形能够拖动，图形能够保存
JavaFX 画图
玉雪逐梅的博客
11-16 4421
原文：http://blog.csdn.net/maosijunzi/article/details/43155493
用JAVAFX作图画出来的一段挺有意思的代码（个人认为）
zhan_qian的博客
06-27 491
用JAVAFX作图画出来的一段挺有意思的代码（个人认为） 写代码时，走弯路不可怕，有行动就行。暴力解法也是解了。 就是要让字符串工整点绕个圈展示出来
JavaFX在Eclipse 中画图应用效果
Python-java-tutorial
05-19 4829
1.在安装了e(fx)clipse插件后，把JavaFx JDK目录设定下，重启Eclipse。 点new-other会出现JavaFX project界面 然后新建class文件即可。 package HelloJavaFX; import javafx.application.Application; import javafx.collections.Observable
JavaFX图形
haoranhaoshi的博客
11-25 1420
        // 图片         ImageView imageView = new ImageView(new Image("A.png"));         imageView.setFitWidth(60);         imageView.setFitHeight(60);         imageView.setX(0);         imageView.setY...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

就是搞笑

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

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

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

打赏作者

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

抵扣说明：

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

余额充值