如何在BorderPane中移除已添加的Fragment并切换不同Fragment实例

嘿，这个场景在TornadoFX里处理起来其实很简单，咱们直接看怎么解决～

首先要明确：BorderPane的center区域是一个容器，如果直接添加新Fragment而不移除旧的，会导致界面重叠，还可能留下无用的实例造成内存浪费。TornadoFX给咱们提供了现成的方法来处理这种场景，不用手动去一个个移除子节点。

最佳解决方案：使用replace方法 #

TornadoFX的容器类有个replace扩展函数，它会自动清空当前容器里的所有内容，然后把新的节点（这里就是Fragment的root）加进去，完美适配你的切换需求。

修改你的代码中的ToggleButton点击事件部分就可以了：

override val root = borderpane {
    top {
        setPrefSize(250.0, 100.0)
        paddingAll = 10.0
        useMaxHeight = true
        useMaxWidth = true
        togglebutton("Выбрать режим клиента") {
            useMaxWidth = true
            action {
                text = if (isSelected) "Выбрать режим сервера" else "Выбрать режим клиента"
                if (isSelected) {
                    // 直接替换为ClientForm，自动移除旧实例
                    center.replace(find(ClientForm::class))
                } else {
                    // 替换为ServerForm，同样自动清理旧内容
                    center.replace(find(ServerForm::class))
                }
            }
        }
    }
    center {
        add(find(ServerForm::class))
    }
}

关于实例复用与新建的说明 #

• 用find(ClientForm::class)会复用TornadoFX依赖注入管理的Fragment单例，适合需要保留用户输入状态的场景（比如切换回来后还能看到之前输入的IP/Port）
• 如果每次切换都需要全新的Fragment实例（清空所有输入），直接替换成ClientForm()即可：

  center.replace(ClientForm())
  

额外：清理Fragment资源 #

如果你的Fragment持有网络连接、监听器等资源，记得重写onUndock方法来做清理，避免内存泄漏：

class ClientForm: Fragment() {
    override fun onUndock() {
        // 在这里清理资源，比如取消未完成的连接、移除监听
        super.onUndock()
    }

    override val root = form {
        // ... 原有代码
    }
}

手动移除的备选方案 #

如果你想手动控制移除过程，也可以先清空center的子节点再添加新内容，效果和replace一样，但代码会稍长一点：

if (isSelected) {
    center.children.clear()
    center.add(find(ClientForm::class).root)
} else {
    center.children.clear()
    center.add(find(ServerForm::class).root)
}

内容的提问来源于stack exchange，提问作者TiMaTiFeY