Javafx 简明教程

JavaFX - DropShadow Effect

通常情况下,阴影效果会复制一个指定的节点,并为其创建模糊的边缘。阴影效果是一种下落阴影效果;对节点应用此效果时,将在指定节点后面创建一个阴影。

In general, a shadow effect duplicates a specified node and gives it blurry edges. The drop shadow effect is a type of a shadow effect; on applying this effect to a node, a shadow will be created behind the specified node.

javafx.scene.effect 中的 DropShadow 类表示下落阴影效果。此类包含九个属性,如下所示:

The class named DropShadow of the package javafx.scene.effect represents the drop shadow effect. This class contains nine properties, which are −

  1. color − This property is of Color type representing the color of the shadow.

  2. blur type − This property is of the type − BlurType and it represents the type of the blur effect used to blur the shadow.

  3. radius − This property is of the type double and it represents the radius of the shadow blur kernel.

  4. width − This property is of the type double and it represents the width of the shadow blur kernel.

  5. height − This property is of the type double and it represents the height of the shadow blur kernel.

  6. input − This property is of the type Effect and it represents an input to the shadow effect.

  7. spread − This property is of the type double; it represents the spread of the shadow.

  8. offsetX − This property is of the type double and it represents the shadow offset in the x direction in pixels.

  9. offset − This property is of the type double and it represents the shadow offset in the y direction in pixels.

Example

以下程序是一个示例,演示了 JavaFX 的阴影效果。在此示例中,我们在场景中绘制文本“Welcome to Tutorialspoint”和一个圆。

The following program is an example demonstrating the drop shadow effect of JavaFX. In here, we are drawing a text “Welcome to Tutorialspoint” and a circle in a scene.

我们对它们应用阴影效果。使用名称 DropShadowEffectExample.java 将此代码保存到一个文件中。

To these, we are applying the drop shadow effect. Save this code in a file with the name DropShadowEffectExample.java.

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

public class DropShadowEffectExample extends Application {
   @Override
   public void start(Stage stage) {
      //Creating a Text object
      Text text = new Text();

      //Setting font to the text
      text.setFont(Font.font(null, FontWeight.BOLD, 40));

      //setting the position of the text
      text.setX(60);
      text.setY(50);

      //Setting the text to be embedded.
      text.setText("Welcome to Tutorialspoint");

      //Setting the color of the text
      text.setFill(Color.DARKSEAGREEN);

      //Drawing a Circle
      Circle circle = new Circle();

      //Setting the centre of the circle
      circle.setCenterX(300.0f);
      circle.setCenterY(160.0f);

      //Setting the radius of the circle
      circle.setRadius(100.0f);

      //Instantiating the Shadow class
      DropShadow dropShadow = new DropShadow();

      //setting the type of blur for the shadow
      dropShadow.setBlurType(BlurType.GAUSSIAN);

      //Setting color for the shadow
      dropShadow.setColor(Color.ROSYBROWN);

      //Setting the height of the shadow
      dropShadow.setHeight(5);

      //Setting the width of the shadow
      dropShadow.setWidth(5);

      //Setting the radius of the shadow
      dropShadow.setRadius(5);

      //setting the offset of the shadow
      dropShadow.setOffsetX(3);
      dropShadow.setOffsetY(2);

      //Setting the spread of the shadow
      dropShadow.setSpread(12);

      //Applying shadow effect to the text
      text.setEffect(dropShadow);

      //Applying shadow effect to the circle
      circle.setEffect(dropShadow);

      //Creating a Group object
      Group root = new Group(circle, text);

      //Creating a scene object
      Scene scene = new Scene(root, 600, 300);

      //Setting title to the Stage
      stage.setTitle("Drop Shadow effect example");

      //Adding scene to the stage
      stage.setScene(scene);

      //Displaying the contents of the stage
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

使用以下命令,从命令提示符编译并执行已保存的 java 文件。

Compile and execute the saved java file from the command prompt using the following commands.

javac --module-path %PATH_TO_FX% --add-modules javafx.controls DropShadowEffectExample.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls DropShadowEffectExample

Output

执行后,上述程序会生成如下所示的 JavaFX 窗口。

On executing, the above program generates a JavaFX window as shown below.

drop shadow effect example