- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 slider 缩放 ImageView 中的选定图像。我唯一能做的就是使用其中的图像调整整个 ImageView 的大小。但这不是我要寻找的。我只想缩放具有相同大小的 ImageView 的图像。应该是焦距的演示。我也在使用场景生成器。我只是所有这一切的初学者,所以我非常感谢你的帮助。这是我的。
public void openImage(ActionEvent event) {
FileChooser fc = new FileChooser();
File f = fc.showOpenDialog(null);
if (f != null) {
System.out.println(f.toURI().toString());
Obrazok = new Image(f.toURI().toString());
imageView.setImage(Obrazok);
imageView.setSmooth(true);
imageView.setCache(true);
}
}
public void setOnZoom (MouseEvent e){
imageView.scaleXProperty().bind(slider.valueProperty());
imageView.scaleYProperty().bind(slider.valueProperty());
Rectangle2D viewpoint = new Rectangle2D(0, 0, Obrazok.getRequestedHeight(), Obrazok.getRequestedWidth());
imageView.setViewport(viewpoint);
imageView.setViewport(viewpoint);
imageView.setImage(Obrazok);
}
最佳答案
我不太确定你想做什么!我有点用了 James_D 的建议
好吧,我也是初学者,我花了将近两个小时为您写这篇文章,希望有人阅读并发现它有用
我只为 png 和 jpg 添加了 ExtensionFilters,但您可以添加 javaFx 支持的任何扩展
(我使用 slider 而不是滚动条,因为我讨厌处理滚动条,但我相信你可以自己做)
更新:现在您可以在 ImageView 上拖动以移动视口(viewport)
package application;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import javafx.application.Application;
import javafx.geometry.Orientation;
import javafx.geometry.Pos;
import javafx.geometry.Rectangle2D;
import javafx.stage.FileChooser;
import javafx.stage.Stage;
import javafx.stage.FileChooser.ExtensionFilter;
import javafx.scene.Cursor;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.control.TextField;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
public class Main extends Application {
static double initx;
static double inity;
static int height;
static int width;
public static String path;
static Scene initialScene,View;
static double offSetX,offSetY,zoomlvl;
@Override
public void start(Stage s) {
s.setResizable(false);
GridPane grid = new GridPane();
grid.setHgap(20);grid.setVgap(20);
grid.setAlignment(Pos.CENTER);
Label hint = new Label("Select Your Image");
TextField URL = new TextField();
URL.setEditable(false);
URL.setPrefWidth(350);
Button browse = new Button("Browse");
FileChooser fc = new FileChooser();
ExtensionFilter png = new ExtensionFilter("png", "*.png");
ExtensionFilter jpg = new ExtensionFilter("jpg", "*.jpg");
fc.getExtensionFilters().addAll(png,jpg);
browse.setOnAction(e->{
URL.setText(fc.showOpenDialog(s).getAbsolutePath());
});
Button open = new Button("Open");
open.setOnAction(e->{
path = URL.getText();
initView();
s.setScene(View);
});
grid.add(hint, 0, 0);
grid.add(URL, 1, 0);
grid.add(browse, 2, 0);
grid.add(open, 2, 1);
initialScene = new Scene(grid,600,100);
s.setScene(initialScene);
s.show();
}
public static void initView(){
VBox root = new VBox(20);
root.setAlignment(Pos.CENTER);
Label title = new Label(path.substring(path.lastIndexOf("\\")+1));
Image source = null;
try {
source = new Image(new FileInputStream(path));
} catch (FileNotFoundException e) {
e.printStackTrace();
}
ImageView image = new ImageView(source);
double ratio = source.getWidth()/source.getHeight();
if(500/ratio < 500) {
width=500;
height=(int) (500/ratio);
}else if(500*ratio < 500){
height=500;
width=(int) (500*ratio);
}else {
height=500;
width=500;
}
image.setPreserveRatio(false);
image.setFitWidth(width);
image.setFitHeight(height);
height = (int) source.getHeight();
width = (int) source.getWidth();
System.out.println("height = "+height+"\nwidth = "+width);
HBox zoom = new HBox(10);
zoom.setAlignment(Pos.CENTER);
Slider zoomLvl = new Slider();
zoomLvl.setMax(4);
zoomLvl.setMin(1);
zoomLvl.setMaxWidth(200);
zoomLvl.setMinWidth(200);
Label hint = new Label("Zoom Level");
Label value = new Label("1.0");
offSetX = width/2;
offSetY = height/2;
zoom.getChildren().addAll(hint,zoomLvl,value);
Slider Hscroll = new Slider();
Hscroll.setMin(0);
Hscroll.setMax(width);
Hscroll.setMaxWidth(image.getFitWidth());
Hscroll.setMinWidth(image.getFitWidth());
Hscroll.setTranslateY(-20);
Slider Vscroll = new Slider();
Vscroll.setMin(0);
Vscroll.setMax(height);
Vscroll.setMaxHeight(image.getFitHeight());
Vscroll.setMinHeight(image.getFitHeight());
Vscroll.setOrientation(Orientation.VERTICAL);
Vscroll.setTranslateX(-20);
BorderPane imageView = new BorderPane();
BorderPane.setAlignment(Hscroll, Pos.CENTER);
BorderPane.setAlignment(Vscroll, Pos.CENTER_LEFT);
Hscroll.valueProperty().addListener(e->{
offSetX = Hscroll.getValue();
zoomlvl = zoomLvl.getValue();
double newValue = (double)((int)(zoomlvl*10))/10;
value.setText(newValue+"");
if(offSetX<(width/newValue)/2) {
offSetX = (width/newValue)/2;
}
if(offSetX>width-((width/newValue)/2)) {
offSetX = width-((width/newValue)/2);
}
image.setViewport(new Rectangle2D(offSetX-((width/newValue)/2), offSetY-((height/newValue)/2), width/newValue, height/newValue));
});
Vscroll.valueProperty().addListener(e->{
offSetY = height-Vscroll.getValue();
zoomlvl = zoomLvl.getValue();
double newValue = (double)((int)(zoomlvl*10))/10;
value.setText(newValue+"");
if(offSetY<(height/newValue)/2) {
offSetY = (height/newValue)/2;
}
if(offSetY>height-((height/newValue)/2)) {
offSetY = height-((height/newValue)/2);
}
image.setViewport(new Rectangle2D(offSetX-((width/newValue)/2), offSetY-((height/newValue)/2), width/newValue, height/newValue));
});
imageView.setCenter(image);
imageView.setTop(Hscroll);
imageView.setRight(Vscroll);
zoomLvl.valueProperty().addListener(e->{
zoomlvl = zoomLvl.getValue();
double newValue = (double)((int)(zoomlvl*10))/10;
value.setText(newValue+"");
if(offSetX<(width/newValue)/2) {
offSetX = (width/newValue)/2;
}
if(offSetX>width-((width/newValue)/2)) {
offSetX = width-((width/newValue)/2);
}
if(offSetY<(height/newValue)/2) {
offSetY = (height/newValue)/2;
}
if(offSetY>height-((height/newValue)/2)) {
offSetY = height-((height/newValue)/2);
}
Hscroll.setValue(offSetX);
Vscroll.setValue(height-offSetY);
image.setViewport(new Rectangle2D(offSetX-((width/newValue)/2), offSetY-((height/newValue)/2), width/newValue, height/newValue));
});
imageView.setCursor(Cursor.OPEN_HAND);
image.setOnMousePressed(e->{
initx = e.getSceneX();
inity = e.getSceneY();
imageView.setCursor(Cursor.CLOSED_HAND);
});
image.setOnMouseReleased(e->{
imageView.setCursor(Cursor.OPEN_HAND);
});
image.setOnMouseDragged(e->{
Hscroll.setValue(Hscroll.getValue()+(initx - e.getSceneX()));
Vscroll.setValue(Vscroll.getValue()-(inity - e.getSceneY()));
initx = e.getSceneX();
inity = e.getSceneY();
});
root.getChildren().addAll(title,imageView,zoom);
View = new Scene(root,(image.getFitWidth())+70,(image.getFitHeight())+150);
}
public static void main(String[] args) {
launch(args);
}
}
关于javafx - 在 ImageView 中缩放图像 (javafx),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48687994/
我正在尝试创建一个演示应用程序,我想在其中创建一个 ImageView ,该 ImageView 相互重叠,x 和 y 坐标略有变化(类似于所有纸牌相互重叠的任何纸牌游戏,但我们可以看到数字)。如果用
您好,我有一个要求,我需要通过拖动 ImageView 的右角来调整 ImageView 的大小和旋转 ImageView 。 我可以通过拖动 ImageView 的角成功地调整 ImageView
我目前正在尝试使用 JavaFX 在 ImageView 中居中图像。 所以我在 View 中加载图像: Image img = new Image("..."); imageView.setImag
我有一个非常简单的问题要问:我需要在屏幕右下角的 ImageView 上放一个小 Logo ,整个屏幕都很大,但我不知道如何设置坐标或如何设置说 ImageViews 处于相对位置。 像这样: 最佳答
我想像这样制作一个 ImageView 覆盖另一个 ImageView;只有一半的绿色圆圈覆盖了图像: 我试过使用 RelativeLayout 并将两个 ImageView 都放在里面。然后我使用
我们如何使 ImageView 的宽度和高度等于父 ConstraintLayout 的宽度?所以它显示一个全宽的方形 ImageView。 通常如何设置某个小部件的高度等于其他小部件的宽度? 最佳答
有点像刽子手 如果 ImageView 中有东西,如何跳过 ImageView 并检查其中是否有东西尝试检查 imageView 中是否有图像 代码 final boolean imageT
我正在用 swift 制作一种“保持在线条之间”iPhone 应用程序,我有一个移动 ImageView 和 2 个代表线条的 ImageView 。如何检测移动 ImageView 何时撞击或接触线
我正在做一个应用程序,用户通过单击图像(ImageView1)可以在另一个ImageView2中看到它。所以我尝试在变量中获取 ImageView1 的图像 BufferedImage img= Sw
我有以下看法: 如果我点击任何 ImageButton 以全屏模式显示相应的图像。例如,如果我点击 Black ,它会显示 ImageView ,如: 我还为一些图像按钮将背景设置为全屏颜色:如果我单
我在名为 DialButton2 的类中扩展了 ImageView 类(不要担心类的名称,它无关紧要)。 DialButton2 类所做的只是显示位于可绘制文件夹中的任 Intent 像。 packa
我正在使用 Xcode 8.1 和 swift 3.0 开发应用。 使用 Storyboard ,我扩展了一个 ImageView 以占据整个 View ,并为其设置了一张图片以用作背景图像(使用 s
如何将我的 imageView 裁剪成我在项目中有图像的气泡形状。 最佳答案 以下是调整大小或裁剪图像的简单代码,您只需根据需要为图像传递高度或宽度即可: 获取裁剪图像: UIImage *cropp
我有 92 张图像,我希望有一个指示符(例如复选标记)来指示图像已解锁。我在 .png 文件中有复选标记,我首先尝试的是为每个图像制作单独的副本,并将复选标记放在 Photoshop 中的图像顶部。但
我有两个 ImageView ,它们看起来像这样。我想将 TouchListener 添加到 imageview1。但听众无法正常工作。我正在将 imageview2 添加到 android:foc
我有一个列表布局,其中包含如下所示的项目: 首先有一个 ImageView(灯光),然后是两个 textView。所有这些都在 TableLayout 中。 (来源:http://code.googl
我想知道如何将 ImageView 元素添加到 JavaFx 2.1 中的区域元素。 也许我把这个元素的用法弄错了,但 AFAIK 它也是子元素的容器。 背景是我需要一个定义大小的区域,该区域应显示独
我在调整 StackPane 中的 ImageView 大小时遇到了问题:如果 StackPane 是根容器并且我将图像的高度和宽度绑定(bind)到 StackPane,那么一切都很好。
** 我有两个 ImageView ,一个用于背景,一个用于前景,我正在前景 ImageView 上绘图。对于删除功能,我这样做是因为我不想在删除时删除背景图像。它正在执行很好。现在我想保存该图像(背
我正在尝试为 watch 应用程序创建 ImageView ,我正在尝试以编程方式创建,但经典 View Controller 中使用的代码不起作用。 let imageName = "yourIma
我是一名优秀的程序员,十分优秀!