Các hiệu ứng (effects) trong JavaFX

package org.o7planning.javafx.effect;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.effect.ColorInput;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class ColorInputEffectExample extends Application {

   @Override
   public void start(Stage stage) {

      double x = 10;
      double y = 10;
      double w = 40;
      double h = 180;
      
      // Rectangle
      Rectangle rect = new Rectangle(x, y, w, h);
      rect.setFill(Color.WHITE);
      rect.setStrokeWidth(1);
      rect.setStroke(Color.BLACK);
      
      // Button
      Button button = new Button("Click me to apply ColorInput effect to me");

      button.setLayoutX(100);
      button.setLayoutY(30);

      button.setPrefSize(250, 150);

      button.setOnAction(new EventHandler<ActionEvent>() {

         @Override
         public void handle(ActionEvent event) {
            ColorInput colorInput = new ColorInput();
            colorInput.setPaint(Color.STEELBLUE);
            colorInput.setX(x);
            colorInput.setY(y);
            colorInput.setWidth(w);
            colorInput.setHeight(h);

            // Setting ColorInput effect
            button.setEffect(colorInput);
         }
      });

      Group root = new Group();

      root.getChildren().addAll(button, rect);

      Scene scene = new Scene(root, 450, 300);
      stage.setTitle("JavaFX ColorInput Effect (o7planning.org)");
      stage.setScene(scene);

      stage.show();

   }

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

package org.o7planning.javafx.effect;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.effect.ImageInput;
import javafx.scene.image.Image;
import javafx.stage.Stage;

public class ImageInputEffectExample extends Application {

   @Override
   public void start(Stage stage) {

      double x = 10;
      double y = 10;

      // Button
      Button button = new Button("Click me to apply ImageInput effect to me");

      button.setLayoutX(100);
      button.setLayoutY(30);

      button.setPrefSize(250, 50);

      button.setOnAction(new EventHandler<ActionEvent>() {

         @Override
         public void handle(ActionEvent event) {
            String imageUrl= "http://o7planning.org/templates/o7planning/resources/images/favi.png";
            Image image = new Image(imageUrl);

            ImageInput imageInput = new ImageInput();
            imageInput.setSource(image);
            imageInput.setX(x);
            imageInput.setY(y);

            // Setting ColorInput effect
            button.setEffect(imageInput);
         }
      });

      Group root = new Group();

      root.getChildren().addAll(button );

      Scene scene = new Scene(root, 450, 250);
      stage.setTitle("JavaFX ImageInput Effect (o7planning.org)");
      stage.setScene(scene);

      stage.show();

   }

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

}

package org.o7planning.javafx.effect;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.effect.BoxBlur;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class BoxBlurEffectExample extends Application {

    @Override
    public void start(Stage stage) {

        double x = 10;
        double y = 150;

        Text text = new Text();
        text.setText("Blurry Text!");
        text.setFill(Color.web("0x3b596d"));
        text.setFont(Font.font(null, FontWeight.BOLD, 70));
        text.setX(x);
        text.setY(y);

        BoxBlur boxBlur = new BoxBlur();

        // Min: 0.0 Max: 255.0
        boxBlur.setWidth(10);

        // Min: 0.0 Max: 255.0
        boxBlur.setHeight(5);

        // Min: 0 Max: 3
        boxBlur.setIterations(3);
        text.setEffect(boxBlur);

        Group root = new Group();

        root.getChildren().addAll(text);

        Scene scene = new Scene(root, 450, 250);
        stage.setTitle("JavaFX BoxBlur Effect (o7planning.org)");
        stage.setScene(scene);

        stage.show();

    }

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

}

package org.o7planning.javafx.effect;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.effect.ColorAdjust;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.stage.Stage;

public class ColorAdjustEffectExample extends Application {

	@Override
	public void start(Stage stage) {

		String imageUrl = "http://o7planning.org/templates/o7planning/resources/images/favi.png";
		Image image = new Image(imageUrl);

		ImageView imageView1 = new ImageView(image);
		imageView1.setX(100);
		imageView1.setY(20);

		ImageView imageView2 = new ImageView(image);

		imageView2.setX(100);
		imageView2.setY(170);

		// Tạo đối tượng ColorAdjust
		ColorAdjust colorAdjust = new ColorAdjust();

		// Sét đặt giá trị cho contrast (Độ tương phản)
		colorAdjust.setContrast(0.3);

		// Sét đặt giá trị cho hue (Sắc độ)
		colorAdjust.setHue(-0.05);

		// Sét đặt giá trị cho brightness (Độ sáng)
		colorAdjust.setBrightness(0.9);

		// Sét đặt giá trị cho saturation (Độ bão hòa)
		colorAdjust.setSaturation(0.7);

		// Áp dụng ColorAdjust cho ImageView.
		imageView2.setEffect(colorAdjust);

		Group root = new Group(imageView1, imageView2);

		Scene scene = new Scene(root, 450, 320);
		stage.setTitle("JavaFX ColorAdjust Effect (o7planning.org)");
		stage.setScene(scene);
		stage.show();
	}

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

}

package org.o7planning.javafx.effect;

import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.effect.ColorAdjust;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class ColorAdjustEffectExample2 extends Application {

	private static final int ADJUST_TYPE_HUE = 1;
	private static final int ADJUST_TYPE_CONTRAST = 2;
	private static final int ADJUST_TYPE_SATURATION = 3;
	private static final int ADJUST_TYPE_BRIGHTNESS = 4;

	private ColorAdjust colorAdjust;

	@Override
	public void start(Stage stage) {

		Label contrastLabel = new Label("Contrast:");
		Label hueLabel = new Label("Hue:");
		Label saturationLabel = new Label("Saturation:");
		Label brightnessLabel = new Label("Brightness:");

		Slider contrastSlider = this.createSlider(ADJUST_TYPE_CONTRAST);
		Slider hueSlider = this.createSlider(ADJUST_TYPE_HUE);
		Slider saturationSlider = this.createSlider(ADJUST_TYPE_SATURATION);
		Slider brightnessSlider = this.createSlider(ADJUST_TYPE_BRIGHTNESS);

		String imageUrl = "http://o7planning.org/templates/o7planning/resources/images/favi.png";
		Image image = new Image(imageUrl);

		ImageView imageView = new ImageView(image);

		// Tạo đối tượng ColorAdjust
		colorAdjust = new ColorAdjust();

		// Áp dụng ColorAdjust cho ImageView.
		imageView.setEffect(colorAdjust);

		VBox root = new VBox();
		root.setPadding(new Insets(10));

		root.getChildren().addAll(contrastLabel, contrastSlider, //
				hueLabel, hueSlider, //
				saturationLabel, saturationSlider, //
				brightnessLabel, brightnessSlider, imageView);

		Scene scene = new Scene(root, 450, 320);
		stage.setTitle("JavaFX ColorAdjust Effect (o7planning.org)");
		stage.setScene(scene);
		stage.show();
	}

	// Tạo Slider để điều chỉnh Color
	private Slider createSlider(final int adjustType) {
		Slider slider = new Slider();
		slider.setMin(-1);
		slider.setMax(1);
		slider.setBlockIncrement(0.1);
		slider.setValue(0);

		slider.valueProperty().addListener(new ChangeListener<Number>() {

			@Override
			public void changed(ObservableValue<? extends Number> observable, //
					Number oldValue, Number newValue) {
				switch (adjustType) {
				case ADJUST_TYPE_HUE:
					colorAdjust.setHue(newValue.doubleValue());
					break;
				case ADJUST_TYPE_CONTRAST:
					colorAdjust.setContrast(newValue.doubleValue());
					break;
				case ADJUST_TYPE_SATURATION:
					colorAdjust.setSaturation(newValue.doubleValue());
					break;
				case ADJUST_TYPE_BRIGHTNESS:
					colorAdjust.setBrightness(newValue.doubleValue());
					break;
				} 
			}
		});
		return slider;
	}

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

}

package org.o7planning.javafx.effect;

import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.effect.GaussianBlur;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;
import javafx.util.Duration;

public class GaussianBlurEffectExample extends Application {

	// 30 millisencond.
	private static final int UI_ANIMATION_TIME_MSEC = 30000;

	private static final double MIN_RADIUS = 0.0;
	private static final double MAX_RADIUS = 70.0;

	private void applyEffect(Node node) {
		// Tạo Gaussian Blur với radius (bán kính) = 0.
		GaussianBlur blur = new GaussianBlur(MIN_RADIUS);
		node.setEffect(blur);

		// Tạo hiệu ứng hoạt hình
		Timeline timeline = new Timeline();
		KeyValue kv = new KeyValue(blur.radiusProperty(), MAX_RADIUS);
		KeyFrame kf = new KeyFrame(Duration.millis(UI_ANIMATION_TIME_MSEC), kv);
		timeline.getKeyFrames().add(kf);
		timeline.play();
	}

	@Override
	public void start(Stage stage) {

		Text text = new Text();
		text.setX(120.0);
		text.setY(150.0);
		text.setText("!");
		text.setFill(Color.web("0x3b596d"));
		text.setFont(Font.font(null, FontWeight.BOLD, 160));

		this.applyEffect(text);

		Group root = new Group();

		root.getChildren().addAll(text);

		Scene scene = new Scene(root, 450, 250);
		stage.setTitle("JavaFX Gaussian Blur Effect (o7planning.org)");
		stage.setScene(scene);

		stage.show();

	}

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

}

package org.o7planning.javafx.effect;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.effect.Bloom;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class BloomEffectExample extends Application {

	@Override
	public void start(Stage stage) {

		Label label = new Label();
		label.setLayoutX(10);
		label.setLayoutY(50);

		Rectangle rect = new Rectangle();
		rect.setX(10);
		rect.setY(70);
		rect.setWidth(360);
		rect.setHeight(80);
		rect.setFill(Color.DARKSLATEBLUE);

		Text text = new Text();
		text.setText("Bloom!");
		text.setFill(Color.ALICEBLUE);
		text.setFont(Font.font(null, FontWeight.BOLD, 40));
		text.setX(25);
		text.setY(125);

		// Tạo hiệu ứng Bloom (Chói).
		Bloom bloom = new Bloom();
		// Sét đặt ngưỡng (Threshold).
		bloom.setThreshold(0.8);
		text.setEffect(bloom);

		Button plusButton = new Button("+");
		plusButton.setLayoutX(50);
		plusButton.setLayoutY(10);
		plusButton.setOnAction(new EventHandler<ActionEvent>() {

			@Override
			public void handle(ActionEvent event) {
				double threshold = bloom.getThreshold();
				threshold += 0.1;
				if (threshold > 1) {
					threshold = 1;
				}
				bloom.setThreshold(threshold);
				label.setText("Threshold: " + threshold);
			}
		});

		Button minusButton = new Button("-");
		minusButton.setLayoutX(10);
		minusButton.setLayoutY(10);
		minusButton.setOnAction(new EventHandler<ActionEvent>() {

			@Override
			public void handle(ActionEvent event) {
				double threshold = bloom.getThreshold();
				threshold -= 0.1;
				if (threshold < 0) {
					threshold = 0;
				}
				bloom.setThreshold(threshold);
				label.setText("Threshold: " + threshold);
			}
		});
		Group root = new Group();

		root.getChildren().addAll(rect, text, label, minusButton, plusButton);

		Scene scene = new Scene(root, 450, 250);
		stage.setTitle("JavaFX Bloom Effect (o7planning.org)");
		stage.setScene(scene);

		stage.show();

	}

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

}

package org.o7planning.javafx.effect;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.effect.DropShadow;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class DropShadowEffectExample extends Application {

    @Override
    public void start(Stage stage) {

        DropShadow dropShadow = new DropShadow();
        dropShadow.setRadius(5.0);
        dropShadow.setOffsetX(3.0);
        dropShadow.setOffsetY(3.0);
        dropShadow.setColor(Color.color(0.4, 0.5, 0.5));

        Text text = new Text();
        text.setCache(true);
        text.setX(10.0);
        text.setY(70.0);
        text.setFill(Color.web("0x3b596d"));
        text.setText("JavaFX Drop Shadow...");
        text.setFont(Font.font(null, FontWeight.BOLD, 40));
        
        text.setEffect(dropShadow);

        DropShadow dropShadow2 = new DropShadow();
        dropShadow2.setOffsetX(70.0);
        dropShadow2.setOffsetY(45.0);
        dropShadow2.setRadius(20);

        Rectangle rect = new Rectangle(20, 150, 250, 100);
        rect.setFill(Color.STEELBLUE);
        rect.setCache(true);
        
        rect.setEffect(dropShadow2);

        Group root = new Group();

        root.getChildren().addAll(rect, text);

        Scene scene = new Scene(root, 450, 350);
        stage.setTitle("JavaFX Drop Shadow Effect (o7planning.org)");
        stage.setScene(scene);

        stage.show();

    }

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

}

package org.o7planning.javafx.effect;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.effect.MotionBlur;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class MotionBlurEffectExample extends Application {

    @Override
    public void start(Stage stage) {

        MotionBlur motionBlur = new MotionBlur();
        motionBlur.setRadius(55);
        motionBlur.setAngle(150.0);

        Text text = new Text();
        text.setX(120.0);
        text.setY(150.0);
        text.setText("!");
        text.setFill(Color.web("0x3b596d"));
        text.setFont(Font.font(null, FontWeight.BOLD, 160));
        text.setEffect(motionBlur);

        Group root = new Group();

        root.getChildren().addAll(text);

        Scene scene = new Scene(root, 450, 250);
        stage.setTitle("JavaFX Motion Blur Effect (o7planning.org)");
        stage.setScene(scene);

        stage.show();

    }

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

}

package org.o7planning.javafx.effect;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.effect.Reflection;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class ReflectionEffectExample extends Application {

	@Override
	public void start(Stage stage) {

		Reflection reflection = new Reflection();

		// Sét đặt độ mờ đục (opacity) ở phần cuối của phản xạ
		reflection.setBottomOpacity(0.0);

		// Sét đặt độ mờ đục (opacity) ở phần trên của phản xạ
		reflection.setTopOpacity(0.5);

		// Sét đặt khoảng cách giữa đối tượng và ảnh phản xạ.
		reflection.setTopOffset(10);

		// Sét đặt giá trị cho thuộc tính fraction.
		reflection.setFraction(0.7);

		Text text = new Text();
		text.setX(20.0);
		text.setY(90.0);

		text.setCache(true);
		text.setText("JavaFX");
		text.setFill(Color.web("0x3b596d"));
		text.setFont(Font.font(null, FontWeight.BOLD, 80));

		text.setEffect(reflection);

		Group root = new Group();

		root.getChildren().addAll(text);

		Scene scene = new Scene(root, 450, 250);
		stage.setTitle("JavaFX Reflection Effect (o7planning.org)");
		stage.setScene(scene);

		stage.show();

	}

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