button - 在javafx中设置没有背景的imageview周围的边框

Question

我想在我的程序中添加一个按钮或一个可点击的 ImageView。单击时，我希望边框出现在 ImageView 的形状中。该图像没有背景，但我找不到指定边框形状的方法。例如:

该图像没有背景，并且边框必须仅在图像周围，因此没有矩形或圆形。这可能吗？

Answer 1

您可能更喜欢使用 DropShadow 效果来显示边框:

@Override
public void start( final Stage primaryStage )
{
    DropShadow ds = new DropShadow( 20, Color.AQUA );
    ImageView imageView = new ImageView( "http://vignette3.wikia.nocookie.net/forgeofempires/images/b/b8/Castel_del_Monte.png" );

    imageView.setOnMouseClicked( ( MouseEvent event ) ->
    {
        imageView.requestFocus();
    } );

    imageView.focusedProperty().addListener(( ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue ) ->
    {
        if ( newValue )
        {
            imageView.setEffect( ds );
        }
        else
        {
            imageView.setEffect( null );
        }
    });

    final Scene scene = new Scene( 
            new VBox( imageView, 
            new Button( "When you focus on me, the imageview looses its shadow effect" ) ), 
            500, 200 );
    primaryStage.setScene( scene );
    primaryStage.show();
}

当单击 imageview 时，我们请求对其进行焦点，这会触发 focusProperty 更改监听器并设置效果，并且当 imageview 失去焦点时(通过按 TAB 或单击下面的按钮) )效果清除。