JavaFX - 分隔符

---

---

一個分隔符是用於分隔 JavaFX 應用程式 UI 元素的水平或垂直線。請注意，它不會產生任何操作。但是，可以對其進行樣式設定，應用視覺效果，甚至對其進行動畫處理以提供更好的使用者體驗。在下圖中，我們可以看到垂直和水平分隔符 -

JavaFX 中的分隔符

在 JavaFX 中，分隔符由名為Separator的類表示。此類屬於包javafx.scene.control。透過例項化此類，我們可以在 JavaFX 中建立一個分隔符。此類具有以下建構函式 -

• Separator() - 它建立一個新的水平分隔符。

• Separator(Orientation orientation) - 它建立一個具有指定方向的分隔符。方向可以是垂直或水平。

在 JavaFX 中建立分隔符

我們需要按照以下步驟在 JavaFX 中建立分隔符。

步驟 1：建立將要分隔的節點

由於分隔符用於分隔 JavaFX 中的 UI 節點。因此，需要指定將要分隔的 UI 元素。例如，我們使用以下程式碼建立按鈕 -

// Creating Buttons
Button btn1 = new Button("Button 1");
Button btn2 = new Button("Button 2");
Button btn3 = new Button("Button 3");
Button btn4 = new Button("Button 4");

步驟 2：例項化 Separator 類

在 JavaFX 中，分隔符是透過例項化名為Separators的類建立的，該類屬於包javafx.scene.control。如下所示，在start()方法內例項化此類 -

// creating a separator
Separator sep1 = new Separator();

步驟 3：設定所需的方向

預設情況下，分隔符是水平的，但是，我們可以使用setOrientation()方法並將 Orientation 列舉值（HORIZONTAL 或 VERTICAL）作為引數傳遞來更改其方向。以下程式碼將方向設定為垂直 -

sep1.setOrientation(Orientation.VERTICAL); 

此外，分隔符佔據分配給它的全部水平或垂直空間。因此，有必要使用setMaxWidth()或setMaxHeight方法根據需要設定其最大寬度或高度。要指定分配空間內分隔線的水平或垂直對齊方式，請使用setHalignment或setValignment方法並將HPos或VPos列舉值作為引數傳遞。

步驟 4：啟動應用程式

建立分隔符後，請按照以下步驟正確啟動應用程式 -

• 首先，透過將 ChoiceBox 物件作為引數值傳遞給其建構函式來例項化名為Scene的類。我們還可以將應用程式螢幕的尺寸作為可選引數傳遞給此建構函式。

• 然後，使用Stage類的setTitle()方法設定舞臺的標題。

• 現在，使用名為Stage的類的setScene()方法將 Scene 物件新增到舞臺。

• 使用名為show()的方法顯示場景的內容。

• 最後，在launch()方法的幫助下啟動應用程式。

示例

以下 JavaFX 程式演示瞭如何在 JavaFX 應用程式中按鈕之間建立分隔符。將此程式碼儲存在名為JavafxSeparator.java的檔案中。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Separator;
import javafx.scene.layout.GridPane;
import javafx.geometry.Orientation;
import javafx.stage.Stage;
import javafx.geometry.Pos; 
public class JavafxSeparator extends Application {
   @Override
   public void start(Stage stage) {
      // creating grid to contain buttons
      GridPane newgrid = new GridPane();
      // set horizontal and vertical gap 
      newgrid.setHgap(10); 
      newgrid.setVgap(10); 
      newgrid.setAlignment(Pos.CENTER); 
      // Creating Buttons
      Button btn1 = new Button("Button 1");
      Button btn2 = new Button("Button 2");
      Button btn3 = new Button("Button 3");
      Button btn4 = new Button("Button 4");
      // adding buttons to the grid
      newgrid.add(btn1, 0, 0); 
      newgrid.add(btn2, 2, 0); 
      newgrid.add(btn3, 0, 1); 
      newgrid.add(btn4, 2, 1); 
      // creating a horizontal and a vertical separator
      Separator sep1 = new Separator();
      Separator sep2 = new Separator();
      sep2.setOrientation(Orientation.VERTICAL); 
      // Setting background color to the separators
      sep1.setStyle("-fx-background-color: #D2691E;"); 
      sep2.setStyle("-fx-background-color: #D2691E;"); 
      // adding separators to the grid
      newgrid.add(sep1, 0, 2, 2, 1); 
      newgrid.add(sep2, 1, 0, 1, 2); 
      // creating scene and stage
      Scene scene = new Scene(newgrid, 400, 300);
      stage.setTitle("Separator in JavaFX");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String[] args) {
      launch(args);
   }
}

要從命令提示符編譯和執行儲存的 Java 檔案，請使用以下命令 -

javac --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxSeparator.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxSeparator

輸出

當我們執行上述程式碼時，它將生成以下輸出。

使用其引數化建構函式在 JavaFX 中建立分隔符

如前所述，在 JavaFX 中建立分隔符有兩種方法：一種使用 Separator 類的預設建構函式，另一種使用其引數化建構函式。在下一個示例中，我們將使用Separator類的引數化建構函式在 JavaFX 中建立一個分隔符。將此程式碼儲存在名為VerticalSeparator.java的檔案中。

示例

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Separator;
import javafx.scene.control.TextField;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;
import javafx.geometry.Orientation;
public class VerticalSeparator extends Application {
   @Override
   public void start(Stage stage) {
      // creating three text fields
      TextField textField1 = new TextField();
      TextField textField2 = new TextField();
      TextField textField3 = new TextField();
      // creating vertical separators
      Separator separator1 = new Separator(Orientation.VERTICAL);
      Separator separator2 = new Separator(Orientation.VERTICAL);
      // creating HBox
      HBox hbox = new HBox();
      hbox.setPadding(new Insets(15, 12, 15, 12));
      hbox.setSpacing(10);
      hbox.getChildren().addAll(textField1, separator1, textField2, separator2, textField3);
      // setting the scene and stage
      Scene scene = new Scene(hbox, 500, 300);
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String[] args) {
      launch(args);
   }
}

使用以下命令從命令提示符編譯和執行儲存的 Java 檔案 -

javac --module-path %PATH_TO_FX% --add-modules javafx.controls VerticalSeparator.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls VerticalSeparator

輸出

執行上述程式碼後，它將生成以下輸出。