JavaFX：当舞台上有阴影效果时，如何正确地滑动窗格？_Javafx_Slide_Shadow_Stage

JavaFX：当舞台上有阴影效果时，如何正确地滑动窗格？

javafx

JavaFX：当舞台上有阴影效果时，如何正确地滑动窗格？,javafx,slide,shadow,stage,Javafx,Slide,Shadow,Stage,我在“”上见过这个问题我不明白John Astralidis发表的最后一条评论中的部分代码。这似乎解决了我的问题。我想滑动带有阴影舞台的窗格。现在我的问题是幻灯片动画播放出我的视觉根窗格绑定，它只是播放阶段（或实际根窗格）绑定我的可视根窗格是实际根窗格的子窗格，我使用padding和Corlor.TRANSPARENT设置了实际根窗格，以实现我的可视根窗格阴影效果这是我从约翰·阿斯特拉利迪斯和菲利佩·吉扎尔·迪亚兹那里修改的代码。启动代码： @Override public void

我在“”上见过这个问题

我不明白John Astralidis发表的最后一条评论中的部分代码。这似乎解决了我的问题。我想滑动带有阴影舞台的窗格。现在我的问题是幻灯片动画播放出我的视觉根窗格绑定，它只是播放阶段（或实际根窗格）绑定

我的可视根窗格是实际根窗格的子窗格，我使用padding和Corlor.TRANSPARENT设置了实际根窗格，以实现我的可视根窗格阴影效果

这是我从约翰·阿斯特拉利迪斯和菲利佩·吉扎尔·迪亚兹那里修改的代码。启动代码：

@Override
public void start(Stage stage) throws Exception {
    Parent root = FXMLLoader.load(getClass().getResource("FXMLDocument.fxml"));
    stage.initStyle(StageStyle.TRANSPARENT);
    Scene scene = new Scene(root);//
    stage.setScene(scene);
    stage.show();
}
public static void main(String[] args) {
    launch(args);
}

FXMLDocument.fxml文件：

<AnchorPane xmlns:fx="http://javafx.com/fxml/1" fx:id="anchorPane" prefWidth="500" prefHeight="500" style="-fx-background-color: transparent;"   
        fx:controller="leftslidemenusample.FXMLDocumentController">
<children>
    <ToolBar AnchorPane.topAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" minHeight="56.0"   >
           <Button text="menu" fx:id="menu"  />
    </ToolBar>
    <StackPane fx:id="mainContent"  style="-fx-background-color:rgba(0,0,0,0.30)" AnchorPane.bottomAnchor="0.0" AnchorPane.topAnchor="56.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"    >
        <children>
        </children>
    </StackPane>
    <AnchorPane fx:id="navList" style="-fx-background-color:white" AnchorPane.topAnchor="56.0" AnchorPane.bottomAnchor="0.0" prefWidth="180.0" translateX="-180"   >
        <children>
            <Label text="left side menu"/>
        </children>
    </AnchorPane>
</children>

最后，我完成了。我认为John Astralidis的答案是错误的。但是谢谢。关键是：

使用StackPane作为实际根窗格，然后将可视根窗格和阴影窗格作为StackPane的子窗格添加到实际根窗格中。可视根窗格是添加阴影效果窗格的需要

设置视觉根窗格和芯片，兵团其外部布局，以显示阴影窗格的阴影效果

用芯片设置阴影窗格，使其内部布局显示可视根窗格的内容

希望我的英语不好能帮助别人。我将我的全部演示代码发布在下面：

初学者类--FXApplication.java

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import javafx.stage.StageStyle;

public class FXApplication extends Application {

@Override
public void start(Stage stage) throws Exception {
    Parent root = FXMLLoader.load(getClass().getResource("FXMLDocument.fxml"));
    stage.initStyle(StageStyle.TRANSPARENT);
    Scene scene = new Scene(root);//
    scene.setFill(Color.TRANSPARENT);
    stage.setScene(scene);
    stage.show();
}

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

布局FXML文件--FXMLDocument.FXML

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<StackPane xmlns:fx="http://javafx.com/fxml/1" fx:id="pane" prefWidth="500" prefHeight="500" style="-fx-background-color: transparent;"
        fx:controller="FXMLDocumentController">
<children>
    <AnchorPane fx:id="anchorPane" prefWidth="500" prefHeight="500" style="-fx-background-color: WHITE;">
        <children>
            <ToolBar AnchorPane.topAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" minHeight="56.0"   >
                <Button text="menu" fx:id="menu"  />
            </ToolBar>
            <StackPane fx:id="mainContent"  style="-fx-background-color:rgba(0,0,0,0.30)" AnchorPane.bottomAnchor="0.0" AnchorPane.topAnchor="56.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"    >
                <children>
                </children>
            </StackPane>
            <AnchorPane fx:id="navList" style="-fx-background-color:white" AnchorPane.topAnchor="56.0" AnchorPane.bottomAnchor="0.0" prefWidth="180.0" translateX="-180"   >
                <children>
                    <Label text="left side menu"/>
                </children>
            </AnchorPane>
        </children>
    </AnchorPane>
</children>

}

如下图所示：

最后，我完成了。我认为约翰·阿斯特拉利迪斯的答案是错误的。但是谢谢。关键是：