调整JavaFX中图像的不透明度

时间:2019-03-22 01:50:54

标签: java javafx

import javafx.application.Application;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import java.util.logging.Level;
import java.util.logging.Logger;
import javafx.animation.FadeTransition;
import javafx.embed.swing.SwingFXUtils;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Slider;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.VBox;
import javafx.stage.FileChooser;
import javafx.stage.Stage;
import javafx.util.Duration;

public class ImageChoose extends Application{   

ImageView myImageView;

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

@Override
public void start(Stage primaryStage){

  final double MIN = 0.0, MAX = 1.0, INITIAL = .50;
  final double MAJOR_TICK_UNIT = .1;
  final int MINOR_TICK_COUNT = 1;
  final double SLIDER_WIDTH = 300.0;

  Button button = new Button("Search for Image");
  Slider slider = new Slider(MIN, MAX, INITIAL);
  slider.setMajorTickUnit(MAJOR_TICK_UNIT);
  slider.setMinorTickCount(MINOR_TICK_COUNT);
  slider.setShowTickMarks(true);
  slider.setShowTickLabels(true);
  slider.setSnapToTicks(true);
  slider.setPrefWidth(SLIDER_WIDTH);

  button.setOnAction(e ->
  {
    FileChooser fileChooser = new FileChooser();

    FileChooser.ExtensionFilter extFilterJPG = 
        new FileChooser.ExtensionFilter("JPG files (*.JPG)", "*.JPG");
    FileChooser.ExtensionFilter extFilterjpg = 
        new FileChooser.ExtensionFilter("jpg files (*.jpg)", "*.jpg");
    FileChooser.ExtensionFilter extFilterPNG = 
        new FileChooser.ExtensionFilter("PNG files (*.PNG)", "*.PNG");
    FileChooser.ExtensionFilter extFilterpng = 
        new FileChooser.ExtensionFilter("png files (*.png)", "*.png");
    fileChooser.getExtensionFilters()
        .addAll(extFilterJPG, extFilterjpg, extFilterPNG, extFilterpng);

    File file = fileChooser.showOpenDialog(null);


       try {BufferedImage bufferedImage = ImageIO.read(file);
            Image image = SwingFXUtils.toFXImage(bufferedImage, null);
            myImageView.setImage(image);
       } 
       catch (IOException ex) {

        Logger.getLogger(ImageChoose.class.getName()).log(Level.SEVERE, null, ex);
        }
    });

    FadeTransition ft = new FadeTransition(Duration.millis(1000),myImageView);


    slider.valueProperty().addListener((observable, oldvalue, newvalue) ->{
           ft.setFromValue(oldvalue.doubleValue());
           ft.setToValue(newvalue.doubleValue());
           ft.play();
    });

    myImageView = new ImageView();  
    myImageView.setFitWidth(500);
    myImageView.setPreserveRatio(true);

    VBox vBox = new VBox(10);
    vBox.getChildren().addAll(button, slider, myImageView);
    vBox.setAlignment(Pos.TOP_CENTER);
    Scene scene = new Scene(vBox, 800, 800);

    primaryStage.setTitle("Opacity Adjuster");
    primaryStage.setScene(scene);
    primaryStage.show();

    }

这样做的目的是能够选择图像文件并使用滑块调整其不透明度。

在尝试使用不透明度滑块选择文件后,我试图调整图像的不透明度,但是不透明度滑块不调整我将图像滑块移动后选择的图像文件的不透明度。谁能告诉我我在做什么错?

2 个答案:

答案 0 :(得分:2)

一种解决此问题的方法是按照@ vs97的建议进行。但是无法进行横穿的主要原因是因为您传递了一个空的imageView,然后创建了ImageView的实例。首先创建imageView实例,然后将其传递给过渡。另外,我更喜欢使用playFromStart()而不是play()以获得平滑效果。

        myImageView = new ImageView();
        myImageView.setFitWidth(500);
        myImageView.setPreserveRatio(true);

        // Create the transition after instantiating myImageView.
        FadeTransition ft = new FadeTransition(Duration.millis(1000), myImageView);
        slider.valueProperty().addListener((observable, oldvalue, newvalue) -> {
            ft.setFromValue(oldvalue.doubleValue());
            ft.setToValue(newvalue.doubleValue());
            ft.playFromStart();
        });

答案 1 :(得分:1)

您忘记了要在其上应用过渡的set the node

    slider.valueProperty().addListener((observable, oldvalue, newvalue) -> {
        ft.setFromValue(oldvalue.doubleValue());
        ft.setToValue(newvalue.doubleValue());
        ft.setNode(myImageView); //---> add this
        ft.play();
    });

因此,您基本上是在说,当您更改滑块时,您想要记录旧值,获取新值,然后将过渡应用于图像(严格来说,ImageView,因为在代码的早期,您已经设置了myImageView.setImage(image);的节点。