有沒有辦法讓 TornadoFX 選項卡顯示在屏幕底部？

Question

有沒有辦法讓 TornadoFX 選項卡顯示在屏幕底部？

class ChartScreen : View("Chart") {

    override val root = form {
        tabpane {
            tab("Report") {
                hbox {
                    this += Button("Hello 1")
                }
            }
            tab("Data Entry") {
                hbox {
                    this += Button("Hello 2")
                }
            }
        }

    }
}

Answer 1

目前尚不清楚您希望選項卡位於屏幕底部還是選項卡本身位於選項卡窗格的底部。

如果您希望選項卡位於底部，則可以配置TabPane的side屬性。 如果您希望 tabpane 位於屏幕底部，請將其放在BorderPane的底部區域。 像您一樣將TabPane包裝在Form中可能不是表達您的布局的最佳方式。

以下示例結合了這兩種解決方案。

還請注意本示例中按鈕構建器的用法。

class ChartScreen : View("Chart") {

    override val root = borderpane {
        bottom {
            tabpane {
                side = Side.BOTTOM

                tab("Report") {
                    hbox {
                        button("Hello 1")
                    }
                }
                tab("Data Entry") {
                    hbox {
                        button("Hello 2")
                    }
                }
            }
        }
    }
}