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

Label element

Browse source
This commit is contained in:
Synthasmagoria 2026-08-02 12:44:34 +02:00
commit f647602220
2 changed files with 32 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

26
example/main.odin
View file

@ -39,8 +39,14 @@ UiElementData_FloatInput :: struct {
value_string: cstring,
}
ui_measure_text :: proc(str: cstring) -> ui.v2 {
return rl.MeasureTextEx(rl.GetFontDefault(), str, 18.0, 1.0)
TextStyle :: struct {
font: rl.Font,
size, spacing: f32,
}
ui_measure_text :: proc(str: cstring, font_data: rawptr) -> ui.v2 {
style := cast(^TextStyle)font_data
return rl.MeasureTextEx(style.font, str, style.size, style.spacing)
}
main :: proc() {
@ -52,8 +58,9 @@ main :: proc() {
defer rl.CloseWindow()
rl.SetTargetFPS(WINDOW_FRAMERATE)
text_style := TextStyle {font = rl.GetFontDefault(), size = 18.0, spacing = 1.0}
ctx: ui.Context
ui.init(&ctx, 4000, ui_measure_text)
ui.init(&ctx, 4000, ui_measure_text, &text_style)
outer_container_config := ui.ElementConfiguration {margin = {4.0, 8.0}, padding = {12.0, 24.0}, color = ui.col(rl.RED), label = ""}
outer_container_margin_value_string_x := cstring(make([^]u8, INPUT_FLOAT_CHARACTERS))
@ -67,6 +74,7 @@ main :: proc() {
element_focus_id := ui.element_id_invalid()
debug_element_focus_id := ui.element_id_invalid()
for !rl.WindowShouldClose() {
ui.start(&ctx, origin = {0, 0}, size = {WINDOW_WIDTH, WINDOW_HEIGHT})
for i in 0..<7 {
@ -112,7 +120,7 @@ main :: proc() {
defer rl.EndDrawing()
rl.ClearBackground(rl.BLACK)
render_ui_elements(&ctx, &element_focus_id, elements)
render_ui_elements(&ctx, &element_focus_id, text_style, elements)
ui.start(&ctx, {0, 0}, {WINDOW_WIDTH, WINDOW_HEIGHT})
config := ui.ElementConfiguration{margin = V2_ONE * 4, padding = V2_ONE * 4, color = ui.col(rl.MAGENTA)}
@ -124,6 +132,9 @@ main :: proc() {
ui_input_float_2d(1.0, 0.2, slider_config, &inner_container_config.margin, inner_container_margin_value_string_x, inner_container_margin_value_string_y)
slider_config.label = "Button margin"
ui_input_float_2d(1.0, 0.2, slider_config, &button_config.margin, button_margin_value_string_x, button_margin_value_string_y)
ui.element(.Label, {ui.SIZE_AUTO, ui.SIZE_AUTO}, {margin = V2_ONE * 4, label = "Text", color = {255, 255, 255, 255}})
ui.element(.Label, {ui.SIZE_AUTO, ui.SIZE_AUTO}, {margin = V2_ONE * 4, label = "Ahhahahahahhahah", color = {255, 255, 255, 255}})
ui.element(.Label, {ui.SIZE_AUTO, ui.SIZE_AUTO}, {margin = V2_ONE * 4, label = "Joker ui moment", color = {255, 255, 255, 255}})
ui.container_end()
debug_elements := ui.end()
@ -131,7 +142,7 @@ main :: proc() {
debug_element_focus_id = ui.focus_next_element(debug_element_focus_id, debug_elements, {.InputFloat})
}
render_ui_elements(&ctx, &debug_element_focus_id, debug_elements)
render_ui_elements(&ctx, &debug_element_focus_id, text_style, debug_elements)
}
}
@ -166,9 +177,10 @@ ui_input_float_2d :: proc(width, height: ui.Size_Percentage, config: ui.ElementC
return container
}
render_ui_elements :: proc(ctx: ^ui.Context, focus_element_id: ^ui.ElementId, elements: []ui.Element) {
render_ui_elements :: proc(ctx: ^ui.Context, focus_element_id: ^ui.ElementId, text_style: TextStyle, elements: []ui.Element) {
for element in elements {
area := rl.Rectangle(element.area)
color := rl.Color(element.color)
#partial switch element.type {
case .Container:
dim := rl.Color {0, 0, 0, 192}
@ -204,6 +216,8 @@ render_ui_elements :: proc(ctx: ^ui.Context, focus_element_id: ^ui.ElementId, el
if rl.GuiValueBoxFloat(area, element.label, data.value_string, data.value, element.id == focus_element_id^) == 1 {
focus_element_id^ = element.id
}
case .Label:
rl.DrawTextEx(text_style.font, element.label, ui.rect_get_tl(ui.rect2(area)), text_style.size, text_style.spacing, color)
}
}
}