Docking editor tabs #247
-
|
I can't seem to find the documentation and I'm kinda now to swing. I'm doing a small ide for something and I can't figure out how to do dockable tabs like IDEs have, nor I can find an example of this. Could someone help me with some hints? Thanks. |
Beta Was this translation helpful? Give feedback.
Replies: 5 comments 9 replies
-
|
Do you have a specific IDE in mind, and maybe screenshots showing what you're trying to replicate? I could put together an example of showing the tabs on top like the IDE document style. |
Beta Was this translation helpful? Give feedback.
-
|
Like the example photo here of jadx. While it doesn't have the docking I want implemented as I want it can be used as a layout example. So the files, project view it's it's own dockable panel, and the text editor view it's a separate panel, but each of the opened tabs can be docked only inside the editor panel. So, any other dockables will dock only around the editor panel.
|
Beta Was this translation helpful? Give feedback.
-
|
If you want to enforce the separation, there is currently no specific way to do that part. There is a feature to allow defining a loose "type" for each dockable, but that is only used when the framework does the docking for you through To replicate editor panel like that, each dockable should return true from |
Beta Was this translation helpful? Give feedback.
-
Could you help me with the layout? I can't figure out how to keep the tree dock on the left, console dock on the bottom and dynamically add editor docks in center. Right now this is what I'm getting
|
Beta Was this translation helpful? Give feedback.
-
|
The order can make a big difference. Try: |
Beta Was this translation helpful? Give feedback.
-
|
Hmm, I suppose I'll need to have an empty editor panel so I can dinamically attach new tabs to it while keeping the correct order? |
Beta Was this translation helpful? Give feedback.
-
|
Something like that. There's no API support for that kind of thing right now, so it might be difficult. |
Beta Was this translation helpful? Give feedback.
-
I found something that kinda works class EditorWindowController(): WindowController() {
private val editors: MutableList<EditorPanelDock> = mutableListOf<EditorPanelDock>()
val placeholderPanelDock: PlaceholderPanelDock = PlaceholderPanelDock()
fun addEditor(id: String) {
val editor = EditorPanelDock(id)
editor.setOnCloseHandler {
removeEditor(id)
}
if (editors.isEmpty())
{
Docking.dock(editor.register(), placeholderPanelDock, DockingRegion.EAST)
Docking.undock(placeholderPanelDock)
}
else {
Docking.dock(editor.register(), editors.last(), DockingRegion.CENTER)
}
editors.add(editor)
}
fun removeEditor(id: String) {
val editor = editors.lastOrNull { it.persistentID == id }
if (editor != null)
{
if (editors.size == 1)
createPlaceholderPanel(editors.last())
editors.remove(editor)
Docking.undock(editor)
}
}
fun createPlaceholderPanel(target: java.awt.Window) {
Docking.dock(placeholderPanelDock.register(), target, DockingRegion.WEST)
}
fun createPlaceholderPanel(target: Dockable) {
Docking.dock(placeholderPanelDock.register(), target, DockingRegion.WEST)
}
}The issue comes when re-adding the placeholder and closing the last window again Screencast.From.2025-01-11.14-37-25.webm |
Beta Was this translation helpful? Give feedback.
-
|
I'm interested in trying this out. Do you have a working minimal case that I can try to play with? |
Beta Was this translation helpful? Give feedback.
-
|
I don't know exactly what you're referring to. But, I don't have a minimal example of an editor style app. I'm planning on building one now that the new Docking Anchors (#260) feature is nearing completion. |
Beta Was this translation helpful? Give feedback.
-
|
I was hoping @nitanmarcel could provide an example of what he's building. |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
It's on hold until the anchors feature work. But I have a small implementation here of a similar system |
Beta Was this translation helpful? Give feedback.
-
|
Bit of an update here. We're getting closer! I think I have anchors working fairly smooth within the UI. Persistence is still a work in progress and doesn't appear to restore properly. |
Beta Was this translation helpful? Give feedback.
If you want to enforce the separation, there is currently no specific way to do that part. There is a feature to allow defining a loose "type" for each dockable, but that is only used when the framework does the docking for you through
Docking.display. This is probably a feature I should add at some point.To replicate editor panel like that, each dockable should return true from
isClosable(already the default in the interface) andDockableTabPreference.TOPfromgetTabPreference(this defaults toNONE, so you will have to override it).