Добавление метки в рамку, JavaFX

Question

Когда я пытаюсь добавить метку в gridpane, как показано на втором рисунке, это не работает.Я пробовал много вещей, таких как добавление CSS, и он все еще не работает.Почему линии 113 и 114 не работают?(opcje.setStyle ("- fx-background-color: # f4f4f4");)

Вот что у меня есть:

Вот что мне нужно:

Мой код:

import javafx.application.Application; 
import javafx.geometry.Insets;
import javafx.scene.Scene; 
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.VBox;
import javafx.scene.control.TextField; 
import javafx.stage.Stage; 

public class KCK_lab1_zad2 extends Application { 

@SuppressWarnings("static-access")
public void start (Stage primaryStage) { 

        try {
              primaryStage.setTitle("Narzedzie przetwarzania plikow");

              BorderPane glownyBorderPane = new BorderPane();

              Scene scene = new Scene(glownyBorderPane, 600, 200);

              GridPane lewyGridPane = new GridPane();
              GridPane prawyGridPane = new GridPane();

              glownyBorderPane.setLeft(lewyGridPane);
              glownyBorderPane.setRight(prawyGridPane);
              glownyBorderPane.setMargin(lewyGridPane, new Insets(0, 15, 0, 0));


              Label         zrodlo      = new Label("Źrodlo");
              Label         wynik       = new Label("Wynik");
              TextField     text1       = new TextField();
              TextField     text2       = new TextField();
              Button        przegladaj1 = new Button("Przegladaj...");
              Button        przegladaj2 = new Button("Przegladaj...");

              lewyGridPane.setVgap(15);
              lewyGridPane.setHgap(0);

              lewyGridPane.setPadding(new Insets(15));
              lewyGridPane.setLayoutX(100);
              lewyGridPane.setLayoutY(100);
              lewyGridPane.setMinSize(100, 150);

              text1.setPrefSize(100, 20);
              text2.setPrefSize(100, 20);
              przegladaj1.setPrefSize(100, 20);
              przegladaj2.setPrefSize(100, 20);


              glownyBorderPane.setPadding(new Insets(20, 10, 10, 10));

              Label panelPlikow = new Label("Panel plików");
              panelPlikow.getStyleClass().add("title");
              panelPlikow.setPadding(new Insets(-60, -20, 0, 0));

              panelPlikow.setPrefWidth(150);      
              lewyGridPane.add(panelPlikow, 0, 0);
              lewyGridPane.add(zrodlo, 0, 0);
              lewyGridPane.add(text1, 1, 0);
              lewyGridPane.add(przegladaj1, 2, 0);
              lewyGridPane.add(wynik, 0, 1);
              lewyGridPane.add(text2, 1, 1);
              lewyGridPane.add(przegladaj2, 2, 1);

              //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

              //grd.prefHeightProperty().bind(root.heightProperty());
              //glownyBorderPane.borderProperty();


              lewyGridPane .setStyle("-fx-border-style: solid inside;");
              lewyGridPane .setStyle("-fx-border-width: 1;");
              lewyGridPane .setStyle("-fx-border-insets: 1;");
              lewyGridPane .setStyle("-fx-border-radius: 1;");
              lewyGridPane .setStyle("-fx-border-color: black;");     


              //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

              Label     opcje           = new Label ("Opcje uruchomienia");
              Button    uruchom         = new Button ("Uruchom przetwarza...");
              Button    pomoc           = new Button ("Pomoc");
              Button    o_programie     = new Button ("O programie");
              Button    zakoncz         = new Button ("Zapisz i zakończ");

              prawyGridPane.setVgap(0);
              prawyGridPane.setHgap(0);
              prawyGridPane.setPrefSize(150, 200);
              prawyGridPane.setMaxWidth(150);

              prawyGridPane.setPadding(new Insets(15));
              prawyGridPane.setPrefSize(400, 300);


              opcje.setPrefSize(150, 20);
              uruchom.setPrefSize(150, 20);
              o_programie.setPrefSize(150, 20);
              zakoncz.setPrefSize(150, 20);

              opcje.getStyleClass().add("title");
              opcje.setPadding(new Insets(-34, -20, 0, 0));


              VBox vbox = new VBox();
              prawyGridPane.add(vbox, 0, 0);


              opcje.setPrefWidth(150); 
              opcje.setStyle("-fx-background-color: #f4f4f4");
              panelPlikow.setStyle("-fx-background-color: #f4f4f4");
              vbox.getChildren().add(opcje);
              vbox.getChildren().add(uruchom);
              vbox.getChildren().add(pomoc);
              vbox.getChildren().add(o_programie);
              vbox.getChildren().add(zakoncz);

              vbox.toBack();
              //opcje.toFront();



              uruchom.prefWidthProperty().bind(glownyBorderPane.widthProperty());
              pomoc.prefWidthProperty().bind(glownyBorderPane.widthProperty());
              o_programie.prefWidthProperty().bind(glownyBorderPane.widthProperty());
              zakoncz.prefWidthProperty().bind(glownyBorderPane.widthProperty());

              uruchom.prefHeightProperty().bind(glownyBorderPane.heightProperty());
              pomoc.prefHeightProperty().bind(glownyBorderPane.heightProperty());
              o_programie.prefHeightProperty().bind(glownyBorderPane.heightProperty());
              zakoncz.prefHeightProperty().bind(glownyBorderPane.heightProperty());

              /*

              opcje .setStyle("-fx-font: 28px Vivaldi;");
              opcje .setStyle("-fx-font-color: red;");
              opcje .setStyle("-fx-background-color: white;");
              opcje .setStyle("-fx-translate-y: -16;");
              opcje .setStyle("-fx-content-display: top;");
              opcje .setStyle("-fx-background-color: black;");
              opcje.setTextFill(Color.RED);
              opcje.setStyle("-fx-background-color: white");
              */


              //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


              //grd.prefHeightProperty().bind(root.heightProperty());
              //glownyBorderPane.borderProperty();



              prawyGridPane .setStyle("-fx-border-style: solid inside;");
              prawyGridPane .setStyle("-fx-border-width: 1;");
              prawyGridPane .setStyle("-fx-border-insets: 1;");
              prawyGridPane .setStyle("-fx-border-radius: 1;");
              prawyGridPane .setStyle("-fx-border-color: black;");      


              //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

              primaryStage.setScene(scene);
              primaryStage.setMinHeight(250);
              primaryStage.setMinWidth(580);
              primaryStage.show();

      } catch(Exception e) {
          e.printStackTrace();
      }
  }

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

Answer 1

Проблема заключается в заполнении заголовков.Чтобы распознать это, установите цвет фона меток заголовка, например, зеленый, установите отступ в 0 и увеличивайте его шаг за шагом к своему значению.Если вы сделаете это, текст сместится вверх (что желательно), но содержимое (и, следовательно, фон) станет меньше и, наконец, исчезнет (что вы не собирались).В целом, это не работает правильно с отступами:

Если вы действительно хотите сохранить свое решение, вы можете компенсировать проблему, используя графическиесвойство метки, обычно применяемое для добавления значка к метке.

Заменить

 Label panelPlikow = new Label("Panel plików");

на

 Label panelPlikow = new Label();
 panelPlikow.setGraphic(new Label(" Panel plików "));
 panelPlikow.getGraphic().setStyle("-fx-background-color: #f4f4f4;");

и аналогично для другой кнопки.В результате:

Однако я не знаю, работает ли он в сочетании с вашим стилем title-style, поскольку вы его еще не опубликовали.Вы должны попробовать это.

Я хотел бы отметить, что есть концептуально лучшие способы достичь того, чего вы хотите!

Одной из возможностей, которая приближается к вашему решению, является не добавление GridPane непосредственно в BorderPane, а панель, в которой панель содержит GridPane и метку.Здесь метка может быть размещена свободно без отступов.

Другая возможность - использовать Borders-control из ControlsFX (http://fxexperience.com/controlsfx/features/).. Он делает именно то, что вам нужно, то есть окружает произвольный элемент управления с помощьюграницы, и вы можете опционально определить заголовок.

 GridPane lewyGridPane = new GridPane();                        
 Node leftWithBorder = Borders.wrap(lewyGridPane).lineBorder().title("Panel plików").color(Color.BLACK).buildAll();
 GridPane prawyGridPane = new GridPane();
 Node rightWithBorder = Borders.wrap(prawyGridPane).lineBorder().title("Opcje uruchomienia").color(Color.BLACK).buildAll();

 glownyBorderPane.setLeft(leftWithBorder);
 glownyBorderPane.setRight(rightWithBorder);

Конечно, вы должны удалить существующие в настоящее время GridPane-border и title-label, а также адаптировать поля, отступы, предпочтительные размеры и т. д. Кроме тогоВы должны загрузить и добавить controlfx-jar в путь сборки.

С ControlsFX-Borders-control графический интерфейс выглядит практически идентично: