JavaFX使用文本进行反剪裁和裁剪？

发布时间：2020-12-15 01:04:24 所属栏目：Java 来源：网络整理

导读：到目前为止,我已经能够找到关于JavaFX中的剪切的是Node.setClip(Node value)方法.这会强制节点仅在给定节点的边界内呈现.我想做的反过来根据第二个节点的形状,特别是文本,删除节点的一??部分.在(大多数)伪代码中： Rectangle rect = new Rectangle(0,160,90

到目前为止,我已经能够找到关于JavaFX中的剪切的是Node.setClip(Node value)方法.这会强制节点仅在给定节点的边界内呈现.我想做的反过来 – 根据第二个节点的形状,特别是文本,删除节点的一??部分.在(大多数)伪代码中：

Rectangle rect = new Rectangle(0,160,90);
Label cutOutText = new Label("YAY");
rect.setFill(Color.RED);
rect.setInverseClip(cutOutText);

这将导致(在白色背景上)……

The resulting rectangle,with punched-out text.

另一个例子：

enter image description here

最佳答案

据我所知,目前还没有内置的方法.但是,以下是您尝试使用Shapes实现的示例：

package application;

import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.ProgressBar;
import javafx.scene.effect.InnerShadow;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.Shape;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;


public class Main extends Application {
    @Override
    public void start(final Stage primaryStage) {
        final StackPane root = new StackPane();
        final ProgressBar bar = new ProgressBar();
        final Image image = new Image( "https://farm8.staticflickr.com/7036/6952932649_3fc1cfeb8a_o_d.jpg",true );
        final ImageView imageView = new ImageView( image );
        final Text clip = new Text( "JavaFx" );
        final Scene scene = new Scene( root );

        root.setStyle( "-fx-background: pink;" );
        root.setEffect( new InnerShadow() );

        bar.prefWidthProperty().bind( root.widthProperty() );
        bar.visibleProperty().bind( Bindings.notEqual( 1,image.progressProperty() ) );
        bar.progressProperty().bind( image.progressProperty() );

        imageView.setFitWidth( 800 );
        imageView.setFitHeight( 600 );

        clip.setFont( Font.font( 144.0 ) );
    clip.setX( 400 - clip.getBoundsInLocal().getWidth() / 2 );
        clip.setY( 400 - clip.getBoundsInLocal().getHeight() / 2 );

        setInverseClip( imageView,clip );

        root.getChildren().add( bar );
        root.getChildren().add( imageView );

        primaryStage.setScene( scene );
        primaryStage.show();
}

    private void setInverseClip( final Node node,final Shape clip ) {
        final Rectangle inverse = new Rectangle();
        inverse.setWidth( node.getLayoutBounds().getWidth() );
        inverse.setHeight( node.getLayoutBounds().getHeight() );
        node.setClip( Shape.subtract( inverse,clip ) );
    }

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

}

它使用相同大小的矩形覆盖目标节点,从中减去原始剪辑节点,并使用新创建的形状作为目标节点的剪辑.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!