ennui/examples/docking.lua at main · josh-perry/ennui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
local ennui = require("ennui")

local DockSpace = ennui.Widgets.Dockspace
local DockableWindow = ennui.Widgets.Dockablewindow
local StackPanel = ennui.Widgets.Stackpanel
local Text = ennui.Widgets.Text
local Checkbox = ennui.Widgets.Checkbox
local Slider = ennui.Widgets.Slider
local TreeView = ennui.Widgets.Treeview
local TreeViewNode = ennui.Widgets.Treeviewnode
local Image = ennui.Widgets.Image

local host = ennui.Widgets.Host()
    :setSize(love.graphics.getDimensions())

local dockSpace = DockSpace()
    :setPosition(0, 0)
    :setSize(ennui.Size.fill(), ennui.Size.fill())

host:addChild(dockSpace)

local editorWindow = DockableWindow()
    :setTitle("Editor")
    :setSize(ennui.Size.auto(), ennui.Size.auto())
    :setDockSpace(dockSpace)

local editorPanel = StackPanel()
    :setSpacing(8)
    :setPadding(8)
    :setSize(ennui.Size.fill(), ennui.Size.fill())

editorPanel:addChild(Text("Main Editor Area"):setColor(1, 1, 0.5))
editorPanel:addChild(Text("Drag windows to dock/undock"):setColor(0.7, 0.7, 0.7))
editorPanel:addChild(Image()
    :setImagePath("examples/assets/img/frog.png")
    :setSize(ennui.Size.auto(), ennui.Size.auto()))

editorWindow:setContent(editorPanel)

local propertiesWindow = DockableWindow()
    :setTitle("Properties")
    :setSize(ennui.Size.auto(), ennui.Size.auto())
    :setDockSpace(dockSpace)

local propertiesPanel = StackPanel()
    :setSpacing(8)
    :setPadding(8)
    :setSize(ennui.Size.fill(), ennui.Size.auto())

propertiesPanel:addChild(Text("Transform"):setColor(1, 1, 0.5))
propertiesPanel:addChild(Text("Position X:"):setColor(0.8, 0.8, 0.8))
propertiesPanel:addChild(Slider(0, 100, 50))
propertiesPanel:addChild(Text("Position Y:"):setColor(0.8, 0.8, 0.8))
propertiesPanel:addChild(Slider(0, 100, 50))
propertiesPanel:addChild(Text("Rotation:"):setColor(0.8, 0.8, 0.8))
propertiesPanel:addChild(Slider(0, 360, 0))

propertiesWindow:setContent(propertiesPanel)

local hierarchyWindow = DockableWindow()
    :setTitle("Hierarchy")
    :setSize(ennui.Size.auto(), ennui.Size.auto())
    :setDockSpace(dockSpace)

local treeView = TreeView()
    :setSize(ennui.Size.fill(), ennui.Size.auto())
    :setRowHeight(24)

local root = TreeViewNode("Scene", "scene")
local camera = TreeViewNode("Main Camera", "camera")
local player = TreeViewNode("Player", "player")
local playerSprite = TreeViewNode("Sprite", "sprite")
local enemies = TreeViewNode("Enemies", "enemies")
local enemy1 = TreeViewNode("Enemy 1", "enemy1")
local enemy2 = TreeViewNode("Enemy 2", "enemy2")

player:addChild(playerSprite)
enemies:addChild(enemy1)
enemies:addChild(enemy2)
root:addChild(camera)
root:addChild(player)
root:addChild(enemies)
treeView:addChild(root)

hierarchyWindow:setContent(treeView)

local consoleWindow = DockableWindow()
    :setTitle("Console")
    :setSize(ennui.Size.auto(), ennui.Size.auto())
    :setDockSpace(dockSpace)

local consolePanel = StackPanel()
    :setSpacing(4)
    :setPadding(8)
    :setSize(ennui.Size.fill(), ennui.Size.auto())

consolePanel:addChild(Text("[INFO] Application started"):setColor(0.7, 0.9, 0.7))
consolePanel:addChild(Text("[INFO] Loading assets..."):setColor(0.7, 0.9, 0.7))
consolePanel:addChild(Text("[WARN] Missing texture"):setColor(1, 0.9, 0.5))
consolePanel:addChild(Text("[INFO] Scene loaded"):setColor(0.7, 0.9, 0.7))

consoleWindow:setContent(consolePanel)

local dockTree = dockSpace.dockTree

dockTree:addWidget(editorWindow, false)
editorWindow.props.isDocked = true

dockTree:split("horizontal", 0.20)

dockTree.rightChild:addWidget(propertiesWindow, false)
propertiesWindow.props.isDocked = true

dockTree.rightChild:split("vertical", 0.70)

dockTree.rightChild.rightChild:addWidget(consoleWindow, false)
consoleWindow.props.isDocked = true

dockTree.leftChild:addWidget(hierarchyWindow, false)
hierarchyWindow.props.isDocked = true

dockSpace:addChild(editorWindow)
dockSpace:addChild(propertiesWindow)
dockSpace:addChild(hierarchyWindow)
dockSpace:addChild(consoleWindow)

local floatingWindow = DockableWindow()
    :setTitle("Floating Panel")
    :setPosition(500, 200)
    :setSize(220, 180)
    :setDockSpace(dockSpace)

local floatingPanel = StackPanel()
    :setSpacing(8)
    :setPadding(8)
    :setSize(ennui.Size.fill(), ennui.Size.auto())

floatingPanel:addChild(Text("Drag me to dock!"):setColor(1, 1, 0.5))
floatingPanel:addChild(Checkbox("Option A"))
floatingPanel:addChild(Checkbox("Option B"):setChecked(true))

floatingWindow:setContent(floatingPanel)
host:addChild(floatingWindow)

return host