GridPane, тень от строки на другую строку - PullRequest
Новая
       72

GridPane, тень от строки на другую строку

0 голосов
/ 18 сентября 2018

https://i.imgur.com/Yuhm5FG.png - Вот макет, который у меня есть

GridPane в (0,0) содержит панель с логотипом и кнопки GridPane в (0,1) содержит панель, которая будет основной программойview.

Я хочу, чтобы dropShadow от 0,0 до 0,1, только внизу, чтобы что-то вроде этого:

https://i.imgur.com/PxglK6R.png

Если я применяю dropShadowна верхнюю панель, расположенную в GridPane (0,0) - кнопки и логотип на ней будут отбрасывать тень, но не эту панель. 

//here is the main part of app.

GridPane mainGrid = getMainGrid();
GridPane topGrid = getTopGrid();
GridPane midGrid = getMidGrid();

mainGrid.setBackground(Background.EMPTY);
mainGrid.add(topGrid, 0, 0);
mainGrid.add(midGrid, 0, 1);

//here is methods

private GridPane getTopGrid() {
    GridPane topGrid = new GridPane();
    topGrid.setPrefSize(screenSize.width, screenSize.height);
    topGrid.getColumnConstraints().add(new ColumnConstraints(screenSize.width / 6));
    topGrid.getColumnConstraints().add(new ColumnConstraints(screenSize.width / 2));
    topGrid.getColumnConstraints().add(new ColumnConstraints(screenSize.width / 6));
    topGrid.getColumnConstraints().add(new ColumnConstraints(screenSize.width / 6));

    topGrid.getRowConstraints().add(new RowConstraints(screenSize.height / 12));
    // topGrid.setGridLinesVisible(true);

    try {
        VBox imageBox = new VBox();
        ImageView imageView = new ImageView(
                new Image(new FileInputStream(new File("logo.png"))));
        imageBox.getChildren().add(imageView);
        imageBox.setAlignment(Pos.CENTER);
        topGrid.add(imageBox, 0, 0);
    } catch (FileNotFoundException e) {
        e.printStackTrace();
    }

    Button button1 = new Button("btn1");
    button1.setPrefWidth(screenSize.width / 6 - 25);
    Button button2 = new Button("btn2");
    button2.setPrefWidth(screenSize.width / 6 - 25);

    VBox button1Box = new VBox();
    button1Box.getChildren().add(button1);
    button1Box.setAlignment(Pos.CENTER_RIGHT);
    button1Box.setPadding(new Insets(0, 5, 0, 0));

    VBox button2Box = new VBox();
    button2Box.getChildren().add(button2);
    button2Box.setAlignment(Pos.CENTER_LEFT);
    button2Box.setPadding(new Insets(0, 0, 0, 5));

    topGrid.add(button1Box, 2, 0);

    topGrid.add(button2Box, 3, 0);


    return topGrid;
}

private GridPane getMainGrid() {
    GridPane pane = new GridPane();
    pane.getColumnConstraints().add(new ColumnConstraints(screenSize.width));
    pane.getRowConstraints().add(new RowConstraints(screenSize.height / 12));
    pane.getRowConstraints().add(new RowConstraints(screenSize.height * 11 / 12));
    return pane;
}

private GridPane getMidGrid() {
    return new GridPane();
}

1 Ответ

0 голосов
/ 16 октября 2018

Сделано с помощью CSS: 

.bottom-shadow {
    -fx-border-width: 0 0 5 0;
    -fx-border-color: white white linear-gradient(rgba(0,0,0,0.5), 
     rgba(255,255,255,0)) white; 
}

Как это выглядит: https://i.imgur.com/w1UKGaw.png

...