如何在 ScalaFX 中動態地將節點添加到 VBox

Question

我的 ScalaFX 應用程序有一個Button ，可將GridPane添加到VBox 。 我嘗試直接更新Button.onAction中的VBox子級，但這會導致Button在渲染第一個添加的GridPane后變得無響應。 我現在正在嘗試以下代碼：

import scalafx.scene.{Node, Scene}
import scalafx.application.JFXApp
import scalafx.geometry.Insets
import scalafx.scene.control.{Button, Label}
import scalafx.scene.layout.{GridPane, VBox}
import scalafx.Includes._
import scalafx.collections.ObservableBuffer

object Gui extends JFXApp {

  stage = new JFXApp.PrimaryStage {
    title = "DSP Lab"
    scene = new Scene(320, 300) {

      val bufferOfNodes = new ObservableBuffer[Node]

      val vBox = new VBox {
        children = bufferOfNodes // assign ObservableBuffer to children
      }

      val addGridPaneButton = new Button {
        text = "Add GridPane to VBox"
        onAction = _ => {
          bufferOfNodes += getNewGridPane // update the ObservableBuffer
        }
      }

      content = List(addGridPaneButton, vBox)
    }
  }

  stage.setX(100)
  stage.setY(100)

  def getNewGridPane: GridPane = new GridPane {
    vgap = 5
    hgap = 10
    padding = Insets(20)

    val sampleFrequencyLabel = new Label("Sample Frequency:")
    val sampleFrequencyField = new DoubleField
    val amplitudeLabel = new Label("Amplitude:")
    val amplitudeField = new DoubleField
    add(sampleFrequencyLabel, 0, 0)
    add(sampleFrequencyField, 1, 0)
    add(amplitudeLabel, 0, 1)
    add(amplitudeField, 1, 1)
  }
}

通過將VBox.children分配給ObservableBuffer[Node] Button保持響應，並且onAction將GridPane添加到bufferOfNodes但GridPane似乎永遠不會添加到VBox並且它們永遠不會被渲染。

有沒有辦法做到這一點？

Answer 1

這是在 ScalaFX 用戶郵件列表中詢問和回答的： https://groups.google.com/forum/?utm_medium=email&utm_source=footer&pli=1#!topic/scalafx-users/3IzGAnflUnU