JAVAFX图片查看器

最新推荐文章于 2023-12-26 17:56:12 发布
最新推荐文章于 2023-12-26 17:56:12 发布
阅读量813 收藏 4
点赞数 1
文章标签： 数据库 ui
原文链接：https://my.oschina.net/jgy/blog/33171
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

package com.sun;

/**
 * Copyright (c) 2008, 2011 Oracle and/or its affiliates.
 * All rights reserved. Use is subject to license terms.
 */

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.beans.InvalidationListener;
import javafx.beans.Observable;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.collections.ObservableList;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Parent;
import javafx.scene.control.ScrollBar;
import javafx.scene.effect.PerspectiveTransform;
import javafx.scene.effect.ReflectionBuilder;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.util.Duration;
import javafx.scene.input.MouseEvent;
import javafx.scene.shape.Rectangle;
import javafx.scene.layout.Region;

public class javafximage extends Application {
	//	private static final double WIDTH = 495, HEIGHT = 300;
	private static final double WIDTH = 1000, HEIGHT = 600;

	private void init(Stage primaryStage) {
		Group root = new Group();
		primaryStage.setResizable(false);
		//		primaryStage.setScene(new Scene(root, 495,300));
		primaryStage.setScene(new Scene(root, 1000,600));
		primaryStage.setTitle("小阳JAVAFX图片查看器1.0");
		// load images
		Image[] images = new Image[30];
		for (int i = 0; i < images.length; i++) {
			images[i] = new Image( javafximage.class.getResource("animal"+(i+1)+".jpg").toExternalForm(),false);
		}
		// create display shelf
		DisplayShelf displayShelf = new DisplayShelf(images);
		displayShelf.setPrefSize(WIDTH, HEIGHT);
		root.getChildren().add(displayShelf);
	}

	/**
	 * A ui control which displays a browseble display shlef of images
	 */
	public static class DisplayShelf extends Region {
		private static final Duration DURATION = Duration.millis(500);
		private static final Interpolator INTERPOLATOR = Interpolator.EASE_BOTH;
		private static final double SPACING = 60;
		private static final double LEFT_OFFSET = -110;
		private static final double RIGHT_OFFSET = 110;
		private static final double SCALE_SMALL = 0.68;//设置后面的缩小比�?
		private PerspectiveImage[] items;
		private Group centered = new Group();
		private Group left = new Group();
		private Group center = new Group();
		private Group right = new Group();
		private int centerIndex = 0;
		private Timeline timeline;
		private ScrollBar scrollBar = new ScrollBar();
		private boolean localChange = false;
		private Rectangle clip = new Rectangle();

		public DisplayShelf(Image[] images) {
			// set clip
			setClip(clip);
			// set background gradient using css
			setStyle("-fx-background-color: linear-gradient(to bottom," + " black 60, #141414 60.1%, black 100%);");
			// style scroll bar color
			scrollBar.setId("DisplayShelfScrollBar");
			// create items
			items = new PerspectiveImage[images.length];
			for (int i=0; i<images.length; i++) {
				final PerspectiveImage item = items[i] = new PerspectiveImage(images[i]);
				final double index = i;
				item.setOnMouseClicked(new EventHandler<MouseEvent>() {
					public void handle(MouseEvent me) {
						localChange = true;
						scrollBar.setValue(index);
						localChange = false;
						shiftToCenter(item);
					}
				});
			}
			// setup scroll bar
			scrollBar.setMax(items.length-1);
			scrollBar.setVisibleAmount(1);
			scrollBar.setUnitIncrement(1);
			scrollBar.setBlockIncrement(1);
			scrollBar.valueProperty().addListener(new InvalidationListener() {
				public void invalidated(Observable ov) {
					if(!localChange)
						shiftToCenter(items[(int)scrollBar.getValue()]);
				}
			});
			// create content
			centered.getChildren().addAll(left, right, center);
			getChildren().addAll(centered,scrollBar);
			// listen for keyboard events
			setFocusTraversable(true);
			setOnKeyPressed(new EventHandler<KeyEvent>() {
				public void handle(KeyEvent ke) {
					if (ke.getCode() == KeyCode.LEFT) {
						shift(1);
						localChange = true;
						scrollBar.setValue(centerIndex);
						localChange = false;
					} else if (ke.getCode() == KeyCode.RIGHT) {
						shift(-1);
						localChange = true;
						scrollBar.setValue(centerIndex);
						localChange = false;
					}
				}
			});
			// update
			update();
		}

		@Override protected void layoutChildren() {
			// update clip to our size
			clip.setWidth(getWidth());
			clip.setHeight(getHeight());
			// keep centered centered
			centered.setLayoutY((getHeight() - PerspectiveImage.HEIGHT) / 2);
			centered.setLayoutX((getWidth() - PerspectiveImage.WIDTH) / 2);
			// position scroll bar at bottom
			scrollBar.setLayoutX(10);
			scrollBar.setLayoutY(getHeight()-25);
			scrollBar.resize(getWidth()-20,15);
		}

		private void update() {
			// move items to new homes in groups
			left.getChildren().clear();
			center.getChildren().clear();
			right.getChildren().clear();
			for (int i = 0; i < centerIndex; i++) {
				left.getChildren().add(items[i]);
			}
			center.getChildren().add(items[centerIndex]);
			for (int i = items.length - 1; i > centerIndex; i--) {
				right.getChildren().add(items[i]);
			}
			// stop old timeline if there is one running
			if (timeline!=null) timeline.stop();
			// create timeline to animate to new positions
			timeline = new Timeline();
			// add keyframes for left items
			final ObservableList<KeyFrame> keyFrames = timeline.getKeyFrames();
			for (int i = 0; i < left.getChildren().size(); i++) {
				final PerspectiveImage it = items[i];
				double newX = -left.getChildren().size() *
				SPACING + SPACING * i + LEFT_OFFSET;
				keyFrames.add(new KeyFrame(DURATION,
						new KeyValue(it.translateXProperty(), newX, INTERPOLATOR),
						new KeyValue(it.scaleXProperty(), SCALE_SMALL, INTERPOLATOR),
						new KeyValue(it.scaleYProperty(), SCALE_SMALL, INTERPOLATOR),
						new KeyValue(it.angle, 45.0, INTERPOLATOR)));
			}
			// add keyframe for center item
			final PerspectiveImage centerItem = items[centerIndex];
			keyFrames.add(new KeyFrame(DURATION,
					new KeyValue(centerItem.translateXProperty(), 0, INTERPOLATOR),
					new KeyValue(centerItem.scaleXProperty(), 1.0, INTERPOLATOR),
					new KeyValue(centerItem.scaleYProperty(), 1.0, INTERPOLATOR),
					new KeyValue(centerItem.angle, 90.0, INTERPOLATOR)));
			// add keyframes for right items
			for (int i = 0; i < right.getChildren().size(); i++) {
				final PerspectiveImage it = items[items.length - i - 1];
				final double newX = right.getChildren().size() *
				SPACING - SPACING * i + RIGHT_OFFSET;
				keyFrames.add(new KeyFrame(DURATION,
						new KeyValue(it.translateXProperty(), newX, INTERPOLATOR),
						new KeyValue(it.scaleXProperty(), SCALE_SMALL, INTERPOLATOR),
						new KeyValue(it.scaleYProperty(), SCALE_SMALL, INTERPOLATOR),
						new KeyValue(it.angle, 135.0, INTERPOLATOR)));
			}
			// play animation
			timeline.play();
		}

		private void shiftToCenter(PerspectiveImage item) {
			for (int i = 0; i < left.getChildren().size(); i++) {
				if (left.getChildren().get(i) == item) {
					int shiftAmount = left.getChildren().size() - i;
					shift(shiftAmount);
					return;
				}
			}
			if (center.getChildren().get(0) == item) {
				return;
			}
			for (int i = 0; i < right.getChildren().size(); i++) {
				if (right.getChildren().get(i) == item) {
					int shiftAmount = -(right.getChildren().size() - i);
					shift(shiftAmount);
					return;
				}
			}
		}

		public void shift(int shiftAmount) {
			if (centerIndex <= 0 && shiftAmount > 0) return;
			if (centerIndex >= items.length - 1 && shiftAmount < 0) return;
			centerIndex -= shiftAmount;
			update();
		}
	}

	/**
	 * A Node that displays a image with some 2.5D perspective rotation around the Y axis.
	 */
	public static class PerspectiveImage extends Parent {
		private static final double REFLECTION_SIZE = 0.25;
		private static final double WIDTH = 370;//200
		private static final double HEIGHT = WIDTH + (WIDTH*REFLECTION_SIZE);
		private static final double RADIUS_H = WIDTH / 2;
		private static final double BACK = WIDTH / 10;
		private PerspectiveTransform transform = new PerspectiveTransform();
		/** Angle Property */
		private final DoubleProperty angle = new SimpleDoubleProperty(45) {
			@Override protected void invalidated() {
				// when angle changes calculate new transform
				double lx = (RADIUS_H - Math.sin(Math.toRadians(angle.get())) * RADIUS_H - 1);
				double rx = (RADIUS_H + Math.sin(Math.toRadians(angle.get())) * RADIUS_H + 1);
				double uly = (-Math.cos(Math.toRadians(angle.get())) * BACK);
				double ury = -uly;
				transform.setUlx(lx);
				transform.setUly(uly);
				transform.setUrx(rx);
				transform.setUry(ury);
				transform.setLrx(rx);
				transform.setLry(HEIGHT + uly);
				transform.setLlx(lx);
				transform.setLly(HEIGHT + ury);
			}
		};
		public final double getAngle() { return angle.getValue(); }
		public final void setAngle(double value) { angle.setValue(value); }
		public final DoubleProperty angleModel() { return angle; }

		public PerspectiveImage(Image image) {
			ImageView imageView = new ImageView(image);
			imageView.setEffect(ReflectionBuilder.create().fraction(REFLECTION_SIZE).build());
			setEffect(transform);
			getChildren().addAll(imageView);
		}
	}

	public double getSampleWidth() {
		return 800;//      495*2 
	}

	public double getSampleHeight() {
		return 500; //      300 
	}

	
	@Override public void start(Stage primaryStage) throws Exception {
		init(primaryStage);
		primaryStage.show();
	}
	public static void main(String[] args) {
		launch(args); 
	}
}

转载于:https://my.oschina.net/jgy/blog/33171

javaFX系列之Image组件：最简单的Image图片浏览器（支持动态图）
eguid音视频技术分享（JavaCV教程、FFmpeg教程、openCV图像处理教程、音视频教程）
05-28 3139
前言 本章接着之前的根据组件学习javaFX的系列教程，本章为javaFX图片浏览器的简单实现。 javaFX结构组件 javaFX基础 |____ javaFX线程结构分析 |____ javaFX系列之launcher启动器：两种启动javaFX的方式及launch(args[])参数设置和获取 场景图（Scenen graph） 图形系统（Graphics System） Glass窗体工具包（Glass window toolkit） 多媒体和图形（media and image
JavaFX 图像视图
最新发布
2012年开始工作，全栈开发老兵，目前已是一个老师，分享这么多年的心得体会
09-03 109
JavaFX ImageView 控件可以在 JavaFX GUI 中显示图像。ImageView 控件必须添加到场景图中才能可见。JavaFX ImageView 控件由类表示 javafx.scene.image.ImageView。
javaFx 简易图片查看器V1
weixin_30325071的博客
04-14 795
功能说明 1.查看在输入框内输入文件夹路径，通过点击next来查看文件夹下的.jpg图片 package sample; import javafx.application.Application; import javafx.event.ActionEvent; import javafx.event.EventHandler; import javafx.fxml.FXMLLoa...
基于javafx实现一个简单的图片查看器
索半斤的博客
01-01 1556
功能分析 1、查看图片 2、图片旋转 3、拖拽查看图片 4、放大图片 5、缩小图片 代码实现 package view; import javafx.application.Application; import javafx.application.Platform; import javafx.event.EventHandler; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene;
利用JavaFx实现照片册功能
10-04
单击Play按钮，用户可以按顺序浏览图片； 双击照片的缩略图，可以进行大图片的查看； Pre和Next可以分别对当前照片的前一张和后一张进行查看； Return 退出对照片的查看，回到主页 Help 帮助文档 特点：使用JavaFx得到较好的用户图像界面。
ImageViewer:javafx applicationt查看带有名称的图像显示列表，并单击它们时显示图像
04-13
图像浏览器 javafx applicationt查看带有名称的图像显示列表，并单击它们时显示图像。
JavaFX图片浏览并实现缩放
小筱在线博客
07-22 1527
如何使用java实现图片浏览器，及其实现图片缩放
JasperViewerFX:JavaFX报表查看器
05-04
**JasperViewerFX：JavaFX报表查看器** JasperViewerFX是一个基于JavaFX技术的报表查看器工具，专为在Java应用程序中展示JasperReports报表而设计。它提供了丰富的交互性和用户友好的界面，使开发者能够轻松地在...
fxgraph:JavaFX图形编辑器
05-07
FXGraph是javafx图形可视化工具。 这是我在stackoverflow上发现的帖子的延续。 拉取请求和功能请求表示赞赏。 您可以在这里找到原始问题： : 特征 可拖动节点 可调整大小的节点 缩放/平移 自定义节点和边 有向和...
JasperViewerFx:JavaFx 的 Jasper 报告查看器
06-05
JasperViewrFx 是一个功能齐全的 Jasper 报告查看器，完全用 JavaFx 编写。 它具有以下特点： 查看和缩放 Jasper 报告文档的所有页面。 将报告文档导出为以下格式：PDF、PNG、DOCX、XLSX、HTML 使用系统对话框...
基于JavaFx的简单浏览器实现
11-22
基于JavaFx的简单浏览器实现
javaFX 图片放大缩小移动
04-28
javaFX单独放大缩小图片和移动图片的很多，很难找到能缩放和移动一起实现的例子。由于项目的需要就自己写了个javaFX实现图片放大（以图片中心放大）、缩小、鼠标移动。（netbeans项目）
JavaFX技巧20：有很多需要展示的地方吗？ 使用画布！
最佳 Java 编程
05-28 320
JavaFX应用程序似乎有两种：第一种使用带有节点和CSS样式的场景图，第二种使用单个画布。 但是，将这两种方法混合使用是完全合法的。 尤其是当您的应用程序必须显示大量详细信息时，您很容易最终创建成千上万个节点。 即使JavaFX的整体性能非常出色，当所有这些节点都需要样式设置时（尤其是由于可视化的动态性质而需要反复进行样式设置时），您很有可能会使系统崩溃。 对我来说，这是一个顿悟，当我...
javafx实现本地图片浏览器
小筱在线博客
12-26 506
创建一个JavaFX的应用程序类，继承自javafx.application.Application类，并重写start方法。运行程序后，将会显示一个窗口，里面展示了目录下的所有图片。创建一个ScrollPane对象，将GridPane对象添加到ScrollPane中。在start方法中创建一个Stage对象作为主窗口，设置窗口标题和大小。遍历图片文件列表，创建ImageView对象，并设置图片的宽度和高度。使用File类的listFiles方法获取指定目录下的所有图片文件。
JAVAFX 上传商品照片到数据库并显示出来
JoneBB的博客
09-10 1162
① 首先看效果图 点击上传商品 点击上传照片 点击所要上传的商品照片 点击添加后，数据库中会得到图片路径 ② 上代码 一些窗口label和textbox布局还有按钮功能设置 package Second; import javafx.event.ActionEvent; import javafx.event.EventHandler; import javafx.geometry.Insets; import javafx.geometry.Pos;...
MySQL存储图片使用JavaFX显示
Just For Learning
05-11 702
JDBC将文件数据写入MySQL
JavaFX第五篇 Image图片加载处理
Jack魏
06-24 2506
图片已经成为每个网站的必备了，不仅可以提升个人网站的标识度而且还可以美化网站，所以这里需要讲解一下如何加载图片，展示到前台给用户查看。本次只是简单的讲解如何展示使用，具体的API可以到官网或网上查找资料。
JavaFX技术预览
chenqunan3231的博客
03-09 110
作者 Charles Humble译者 崔康 发布于 2008年11月24日 上午1时35分 社区 Architecture, Java 主题 语言设计, Web 2.0, ...
利用javafx实现图片查看器
04-25
首先，您需要在 JavaFX 界面中实现一个图片查看器的布局。可以使用 HBox 和 VBox 在您的场景中创建控件。接下来，您需要使用 JavaFX 的 ImageView 控件加载和显示图片。您还可以使用 JavaFX 的 FileChooser 控件允许...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值