Synthasmagoria/snths_ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

container index baked into id

Browse source
This commit is contained in:
Synthasmagoria 2026-07-31 12:48:33 +02:00
commit cf0f52ca73
2 changed files with 34 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

4
example/main.odin
View file

@ -15,8 +15,8 @@ v2 :: [2]f32
V2_ONE :: v2{1.0, 1.0} V2_ONE :: v2{1.0, 1.0}
V2_LEFT :: v2{-1.0, 0.0} V2_LEFT :: v2{-1.0, 0.0}
V2_RIGHT :: v2{1.0, 0.0} V2_RIGHT :: v2{1.0, 0.0}
V2_UP :: v2{-1.0, 0.0} V2_UP :: v2{0.0, -1.0}
V2_DOWN :: v2{1.0, 0.0} V2_DOWN :: v2{0.0, 1.0}
UiContainerType :: enum { UiContainerType :: enum {
Normal, Normal,

52
ui.odin
View file

@ -11,16 +11,15 @@ rect_get_tr :: #force_inline proc(rect: rect2) -> v2 {return {rect.x + rect.widt
rect_get_br :: #force_inline proc(rect: rect2) -> v2 {return {rect.x + rect.width, rect.y + rect.height}} rect_get_br :: #force_inline proc(rect: rect2) -> v2 {return {rect.x + rect.width, rect.y + rect.height}}
rect_get_bl :: #force_inline proc(rect: rect2) -> v2 {return {rect.x, rect.y + rect.height}} rect_get_bl :: #force_inline proc(rect: rect2) -> v2 {return {rect.x, rect.y + rect.height}}
rect_get_size :: #force_inline proc(rect: rect2) -> v2 {return {rect.width, rect.height}} rect_get_size :: #force_inline proc(rect: rect2) -> v2 {return {rect.width, rect.height}}
rect_get_corners :: #force_inline proc(rect: rect2) -> (tl, tr, br, bl: v2) { rect_get_corners :: #force_inline proc(rect: rect2) -> (tl, tr, br, bl: v2) {return rect_get_tl(rect), rect_get_tr(rect), rect_get_br(rect), rect_get_bl(rect)}
return rect_get_tl(rect), rect_get_tr(rect), rect_get_br(rect), rect_get_bl(rect) rect_grow :: #force_inline proc(rect: rect2, amount: v2) -> rect2 {return {rect.x - amount.x / 2.0, rect.y - amount.y / 2.0, rect.width + amount.x, rect.height + amount.y}}
}
rect_grow :: proc(rect: rect2, amount: v2) -> rect2 {return {rect.x - amount.x / 2.0, rect.y - amount.y / 2.0, rect.width + amount.x, rect.height + amount.y}}
ctx: ^Context ctx: ^Context
Context :: struct { Context :: struct {
origin: v2, origin: v2,
element_focus_id: int, element_focus_id: ElementId,
container_count: u16,
containers: [dynamic]int, containers: [dynamic]int,
container_last_element: [dynamic]int, container_last_element: [dynamic]int,
elements: [dynamic]Element, elements: [dynamic]Element,
@ -29,15 +28,24 @@ Context :: struct {
CONTAINER_STACK_SIZE :: 16 CONTAINER_STACK_SIZE :: 16
ElementId :: bit_field(int) {
container_index: u16 | 16,
element_index: u16 | 16,
}
Element :: struct { Element :: struct {
area: rect2, area: rect2,
id: int, id: ElementId,
using config: ElementConfiguration, using config: ElementConfiguration,
data: rawptr, data: rawptr,
type: ElementType, type: ElementType,
dimensions: Dimensions, dimensions: Dimensions,
} }
element_id_invalid :: proc() -> ElementId {
return {container_index = max(u16), element_index = max(u16)}
}
ElementConfiguration :: struct { ElementConfiguration :: struct {
label: cstring, label: cstring,
color: col, color: col,
@ -80,6 +88,7 @@ init :: proc(state: ^Context, element_capacity: int, allocator := context.alloca
start :: proc(ui_context: ^Context, origin: v2, size: v2) { start :: proc(ui_context: ^Context, origin: v2, size: v2) {
ctx = ui_context ctx = ui_context
ctx.origin = origin ctx.origin = origin
ctx.container_count = 0
clear(&ctx.elements) clear(&ctx.elements)
clear(&ctx.containers) clear(&ctx.containers)
clear(&ctx.container_last_element) clear(&ctx.container_last_element)
@ -105,7 +114,7 @@ focus_element :: proc(ctx: ^Context, element: Element) {
} }
unfocus_element :: proc(ctx: ^Context) { unfocus_element :: proc(ctx: ^Context) {
ctx.element_focus_id = -1 ctx.element_focus_id = element_id_invalid()
} }
is_element_focused :: proc(ctx: ^Context, element: Element) -> bool { is_element_focused :: proc(ctx: ^Context, element: Element) -> bool {
@ -113,25 +122,28 @@ is_element_focused :: proc(ctx: ^Context, element: Element) -> bool {
} }
focus_next_element :: proc(ctx: ^Context, allowed_focus := element_type_input) { focus_next_element :: proc(ctx: ^Context, allowed_focus := element_type_input) {
if ctx.element_focus_id == -1 { if ctx.element_focus_id == element_id_invalid() {
return return
} }
if ctx.element_focus_id + 1 >= len(ctx.elements) { element_index := int(ctx.element_focus_id.element_index)
ctx.element_focus_id = -1 if element_index + 1 >= len(ctx.elements) {
ctx.element_focus_id = element_id_invalid()
return return
} }
ctx.element_focus_id += 1 element_index += 1
for ctx.element_focus_id < len(ctx.elements) { for element_index < len(ctx.elements) {
if ctx.elements[ctx.element_focus_id].type in allowed_focus { if ctx.elements[element_index].type in allowed_focus {
ctx.element_focus_id = ctx.elements[element_index].id
return return
} }
ctx.element_focus_id += 1 element_index += 1
} }
ctx.element_focus_id = -1 ctx.element_focus_id = element_id_invalid()
} }
container_begin :: proc(dimensions: Dimensions, config: ElementConfiguration, data: rawptr = nil) -> ^Element { container_begin :: proc(dimensions: Dimensions, config: ElementConfiguration, data: rawptr = nil) -> ^Element {
area := _resolve_element_area(dimensions, config.margin) area := _resolve_element_area(dimensions, config.margin)
ctx.container_count += 1
element := _append_element({area = area, config = config, type = .Container, dimensions = dimensions, data = data}) element := _append_element({area = area, config = config, type = .Container, dimensions = dimensions, data = data})
container_index := len(ctx.elements) - 1 container_index := len(ctx.elements) - 1
append(&ctx.containers, container_index) append(&ctx.containers, container_index)
@ -202,11 +214,11 @@ get_element_inner_area :: proc(element: Element) -> rect2 {
_append_element :: proc(element: Element) -> ^Element { _append_element :: proc(element: Element) -> ^Element {
append(&ctx.elements, element) append(&ctx.elements, element)
last_element_index := len(ctx.elements) - 1 element_index := len(ctx.elements) - 1
last_element := &ctx.elements[last_element_index] element := &ctx.elements[element_index]
last_element.id = last_element_index element.id = ElementId {container_index = ctx.container_count, element_index = u16(element_index)}
ctx.container_last_element[len(ctx.containers) - 1] = last_element_index ctx.container_last_element[len(ctx.containers) - 1] = element_index
return last_element return element
} }
_resolve_element_area :: proc(dimensions: Dimensions, margin: v2) -> rect2 { _resolve_element_area :: proc(dimensions: Dimensions, margin: v2) -> rect2 {