85 lines
2.9 KiB
Haxe
85 lines
2.9 KiB
Haxe
|
package lnx2d.ui;
|
||
|
|
|
||
|
|
// Zui
|
||
|
|
import zui.Id;
|
||
|
|
import zui.Zui;
|
||
|
|
import leenkx.ui.Canvas.TCanvas;
|
||
|
|
import leenkx.ui.Canvas.ElementType;
|
||
|
|
|
||
|
|
// Editor
|
||
|
|
import lnx2d.tools.CanvasTools;
|
||
|
|
|
||
|
|
class UIToolBar {
|
||
|
|
|
||
|
|
public static function renderToolbar(ui:Zui, cui:Zui, canvas: TCanvas, width:Int) {
|
||
|
|
|
||
|
|
if (ui.window(Id.handle(), 0, 0, width, kha.System.windowHeight())) {
|
||
|
|
ui.text("Add Elements:");
|
||
|
|
|
||
|
|
if (ui.panel(Id.handle({selected: true}), "Basic")) {
|
||
|
|
ui.indent();
|
||
|
|
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Empty", Empty, "Create an empty element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Text", Text, "Create a text element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Image", Image, "Create an image element");
|
||
|
|
|
||
|
|
ui.unindent();
|
||
|
|
}
|
||
|
|
|
||
|
|
// ui.button("VLayout");
|
||
|
|
// ui.button("HLayout");
|
||
|
|
if (ui.panel(Id.handle({selected: true}), "Buttons")){
|
||
|
|
ui.indent();
|
||
|
|
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Button", Button, "Create a button element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Check", Check, "Create a checkbox element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Radio", Radio, "Create a inline-radio element");
|
||
|
|
|
||
|
|
ui.unindent();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (ui.panel(Id.handle({selected: true}), "Inputs")){
|
||
|
|
ui.indent();
|
||
|
|
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Text Input", TextInput, "Create a text input element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Text Area", TextArea, "Create a text area element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Key Input", KeyInput, "Create a key input element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Combo Box", Combo, "Create a combo box element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Slider", Slider, "Create a slider element");
|
||
|
|
|
||
|
|
ui.unindent();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (ui.panel(Id.handle({selected: true}), "Shapes")){
|
||
|
|
ui.indent();
|
||
|
|
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Rect", Rectangle, "Create a rectangle shape element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Fill Rect", FRectangle, "Create a filled rectangle shape element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Circle", Circle, "Create a circle shape element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Fill Circle", FCircle, "Create a filled circle shape element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Triangle", Triangle, "Create a triangle shape element");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "Fill Triangle", FTriangle, "Create a filled triangle shape element");
|
||
|
|
|
||
|
|
ui.unindent();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (ui.panel(Id.handle({selected: true}), "Progress Bars")){
|
||
|
|
ui.indent();
|
||
|
|
|
||
|
|
drawToolbarItem(ui, cui, canvas, "RectPB", ProgressBar, "Create a rectangular progress bar");
|
||
|
|
drawToolbarItem(ui, cui, canvas, "CircularPB", CProgressBar, "Create a circular progress bar");
|
||
|
|
|
||
|
|
ui.unindent();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
static function drawToolbarItem(ui: Zui, cui: Zui, canvas: TCanvas, label: String, elemType: ElementType, tooltip: String) {
|
||
|
|
if (ui.button(label)) {
|
||
|
|
Editor.selectedElem = CanvasTools.makeElem(cui, canvas, elemType);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (ui.isHovered) ui.tooltip(tooltip);
|
||
|
|
}
|
||
|
|
}
|