stuff, mostly renaming variables
This commit is contained in:
parent
601a396aa8
commit
1088083e1e
@ -132,11 +132,9 @@ fn int main(String[] args)
|
|||||||
io::printn("press button1");
|
io::printn("press button1");
|
||||||
}
|
}
|
||||||
//ui.layout_next_column()!!;
|
//ui.layout_next_column()!!;
|
||||||
if (toggle) {
|
|
||||||
if (ui.button("button2", ugui::Rect{0,0,30,30})!!.mouse_release) {
|
if (ui.button("button2", ugui::Rect{0,0,30,30})!!.mouse_release) {
|
||||||
io::printn("release button2");
|
io::printn("release button2");
|
||||||
}
|
}
|
||||||
}
|
|
||||||
static float slider1;
|
static float slider1;
|
||||||
if (ui.slider_ver("slider", ugui::Rect{0,0,30,100}, &slider1)!!.update) {
|
if (ui.slider_ver("slider", ugui::Rect{0,0,30,100}, &slider1)!!.update) {
|
||||||
io::printfn("slider: %f", slider1);
|
io::printfn("slider: %f", slider1);
|
||||||
|
@ -14,39 +14,39 @@ fn ElemEvents! Ctx.button(&ctx, String label, Rect size, bool state = false)
|
|||||||
Id id = ctx.gen_id(label)!;
|
Id id = ctx.gen_id(label)!;
|
||||||
|
|
||||||
Elem *parent = ctx.get_parent()!;
|
Elem *parent = ctx.get_parent()!;
|
||||||
Elem *c_elem = ctx.get_elem(id)!;
|
Elem *elem = ctx.get_elem(id)!;
|
||||||
// add it to the tree
|
// add it to the tree
|
||||||
ctx.tree.add(id, ctx.active_div)!;
|
ctx.tree.add(id, ctx.active_div)!;
|
||||||
|
|
||||||
if (c_elem.flags.is_new) {
|
if (elem.flags.is_new) {
|
||||||
c_elem.type = ETYPE_BUTTON;
|
elem.type = ETYPE_BUTTON;
|
||||||
c_elem.button.color = uint_to_rgba(0x0000ffff);
|
elem.button.color = uint_to_rgba(0x0000ffff);
|
||||||
} else if (c_elem.type != ETYPE_BUTTON) {
|
} else if (elem.type != ETYPE_BUTTON) {
|
||||||
return UgError.WRONG_ELEMENT_TYPE?;
|
return UgError.WRONG_ELEMENT_TYPE?;
|
||||||
}
|
}
|
||||||
|
|
||||||
c_elem.bounds = ctx.position_element(parent, size, true);
|
elem.bounds = ctx.position_element(parent, size, true);
|
||||||
|
|
||||||
// if the bounds are null the element is outside the div view,
|
// if the bounds are null the element is outside the div view,
|
||||||
// no interaction should occur so just return
|
// no interaction should occur so just return
|
||||||
if (c_elem.bounds.is_null()) { return ElemEvents{}; }
|
if (elem.bounds.is_null()) { return ElemEvents{}; }
|
||||||
|
|
||||||
c_elem.events = ctx.get_elem_events(c_elem);
|
elem.events = ctx.get_elem_events(elem);
|
||||||
if (c_elem.events.mouse_hover) {
|
if (elem.events.mouse_hover) {
|
||||||
if (parent.flags.has_focus) {
|
if (parent.flags.has_focus) {
|
||||||
c_elem.flags.has_focus = true;
|
elem.flags.has_focus = true;
|
||||||
c_elem.button.color = uint_to_rgba(0x00ff00ff);
|
elem.button.color = uint_to_rgba(0x00ff00ff);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
c_elem.button.color = uint_to_rgba(0x0000ffff);
|
elem.button.color = uint_to_rgba(0x0000ffff);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (state) {
|
if (state) {
|
||||||
c_elem.button.color = uint_to_rgba(0xff00ffff);
|
elem.button.color = uint_to_rgba(0xff00ffff);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Draw the button
|
// Draw the button
|
||||||
ctx.push_rect(c_elem.bounds, c_elem.button.color, do_border: true, do_radius: true)!;
|
ctx.push_rect(elem.bounds, elem.button.color, do_border: true, do_radius: true)!;
|
||||||
|
|
||||||
return c_elem.events;
|
return elem.events;
|
||||||
}
|
}
|
||||||
|
@ -134,7 +134,7 @@ struct Ctx {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Rect div_scissor;
|
Rect div_scissor; // the current div bounds used for scissor test
|
||||||
isz active_div; // tree node indicating the current active div
|
isz active_div; // tree node indicating the current active div
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -186,11 +186,11 @@ macro Ctx.get_elem(&ctx, Id id)
|
|||||||
{
|
{
|
||||||
Elem empty_elem;
|
Elem empty_elem;
|
||||||
bool is_new;
|
bool is_new;
|
||||||
Elem* c_elem;
|
Elem* elem;
|
||||||
c_elem = ctx.cache.get_or_insert(&empty_elem, id, &is_new)!;
|
elem = ctx.cache.get_or_insert(&empty_elem, id, &is_new)!;
|
||||||
c_elem.flags = (ElemFlags)0;
|
elem.flags = (ElemFlags)0;
|
||||||
c_elem.flags.is_new = is_new;
|
elem.flags.is_new = is_new;
|
||||||
return c_elem;
|
return elem;
|
||||||
}
|
}
|
||||||
|
|
||||||
// this searches an element in the cache by label, it does not create a new element
|
// this searches an element in the cache by label, it does not create a new element
|
||||||
@ -242,15 +242,15 @@ fn void! Ctx.frame_begin(&ctx)
|
|||||||
{
|
{
|
||||||
|
|
||||||
// 2. Get the root element from the cache and update it
|
// 2. Get the root element from the cache and update it
|
||||||
Elem* c_elem = ctx.get_elem(ROOT_ID)!;
|
Elem* elem = ctx.get_elem(ROOT_ID)!;
|
||||||
// The root should have the updated flag only if the size of the window
|
// The root should have the updated flag only if the size of the window
|
||||||
// was changed between frames, this propagates an element size recalculation
|
// was changed between frames, this propagates an element size recalculation
|
||||||
// down the element tree
|
// down the element tree
|
||||||
c_elem.flags.updated = ctx.input.events.resize;
|
elem.flags.updated = ctx.input.events.resize;
|
||||||
// if the window has focus then the root element also has focus, no other
|
// if the window has focus then the root element also has focus, no other
|
||||||
// computation needed, child elements need to check the mouse positon and
|
// computation needed, child elements need to check the mouse positon and
|
||||||
// other stuff
|
// other stuff
|
||||||
c_elem.flags.has_focus = ctx.has_focus;
|
elem.flags.has_focus = ctx.has_focus;
|
||||||
|
|
||||||
Elem def_root = {
|
Elem def_root = {
|
||||||
.id = ROOT_ID,
|
.id = ROOT_ID,
|
||||||
@ -266,10 +266,10 @@ fn void! Ctx.frame_begin(&ctx)
|
|||||||
.h = ctx.height,
|
.h = ctx.height,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
.flags = c_elem.flags,
|
.flags = elem.flags,
|
||||||
};
|
};
|
||||||
|
|
||||||
*c_elem = def_root;
|
*elem = def_root;
|
||||||
|
|
||||||
// 3. Push the root element into the element tree
|
// 3. Push the root element into the element tree
|
||||||
ctx.active_div = ctx.tree.add(ROOT_ID, 0)!;
|
ctx.active_div = ctx.tree.add(ROOT_ID, 0)!;
|
||||||
|
@ -23,7 +23,9 @@ struct ElemDiv {
|
|||||||
Rect children_bounds; // current frame children bounds
|
Rect children_bounds; // current frame children bounds
|
||||||
Rect pcb; // previous frame children bounds
|
Rect pcb; // previous frame children bounds
|
||||||
Point origin_r, origin_c;
|
Point origin_r, origin_c;
|
||||||
Color bgcolor;
|
// the id of the active element, this field is set and reset by the elements themselves and it is
|
||||||
|
// used to keep track of which element should handle some input events between frames
|
||||||
|
Id active_id;
|
||||||
}
|
}
|
||||||
|
|
||||||
fn void! Ctx.div_begin(&ctx, String label, Rect size, bool scroll_x = false, bool scroll_y = false)
|
fn void! Ctx.div_begin(&ctx, String label, Rect size, bool scroll_x = false, bool scroll_y = false)
|
||||||
@ -31,49 +33,48 @@ fn void! Ctx.div_begin(&ctx, String label, Rect size, bool scroll_x = false, boo
|
|||||||
Id id = ctx.gen_id(label)!;
|
Id id = ctx.gen_id(label)!;
|
||||||
|
|
||||||
Elem* parent = ctx.get_parent()!;
|
Elem* parent = ctx.get_parent()!;
|
||||||
Elem* c_elem = ctx.get_elem(id)!;
|
Elem* elem = ctx.get_elem(id)!;
|
||||||
isz div_node = ctx.tree.add(id, ctx.active_div)!;
|
isz div_node = ctx.tree.add(id, ctx.active_div)!;
|
||||||
ctx.active_div = div_node;
|
ctx.active_div = div_node;
|
||||||
|
|
||||||
bool is_new = c_elem.flags.is_new;
|
bool is_new = elem.flags.is_new;
|
||||||
|
|
||||||
if (c_elem.flags.is_new) {
|
if (elem.flags.is_new) {
|
||||||
c_elem.type = ETYPE_DIV;
|
elem.type = ETYPE_DIV;
|
||||||
} else if (c_elem.type != ETYPE_DIV) {
|
} else if (elem.type != ETYPE_DIV) {
|
||||||
return UgError.WRONG_ELEMENT_TYPE?;
|
return UgError.WRONG_ELEMENT_TYPE?;
|
||||||
}
|
}
|
||||||
c_elem.div.scroll_x.enabled = scroll_x;
|
elem.div.scroll_x.enabled = scroll_x;
|
||||||
c_elem.div.scroll_y.enabled = scroll_y;
|
elem.div.scroll_y.enabled = scroll_y;
|
||||||
|
|
||||||
// 2. layout the element
|
// 2. layout the element
|
||||||
c_elem.bounds = ctx.position_element(parent, size);
|
elem.bounds = ctx.position_element(parent, size);
|
||||||
c_elem.div.children_bounds = c_elem.bounds;
|
elem.div.children_bounds = elem.bounds;
|
||||||
c_elem.div.bgcolor = ctx.style.bgcolor;
|
|
||||||
|
|
||||||
// update the ctx scissor
|
// update the ctx scissor
|
||||||
ctx.div_scissor = c_elem.bounds;
|
ctx.div_scissor = elem.bounds;
|
||||||
ctx.push_scissor(c_elem.bounds)!;
|
ctx.push_scissor(elem.bounds)!;
|
||||||
|
|
||||||
// 4. Fill the div fields
|
// 4. Fill the div fields
|
||||||
c_elem.div.origin_c = Point{
|
elem.div.origin_c = Point{
|
||||||
.x = c_elem.bounds.x,
|
.x = elem.bounds.x,
|
||||||
.y = c_elem.bounds.y,
|
.y = elem.bounds.y,
|
||||||
};
|
};
|
||||||
c_elem.div.origin_r = c_elem.div.origin_c;
|
elem.div.origin_r = elem.div.origin_c;
|
||||||
c_elem.div.layout = parent.div.layout;
|
elem.div.layout = parent.div.layout;
|
||||||
|
|
||||||
// Add the background to the draw stack
|
// Add the background to the draw stack
|
||||||
bool do_border = parent.div.layout == LAYOUT_FLOATING;
|
bool do_border = parent.div.layout == LAYOUT_FLOATING;
|
||||||
ctx.push_rect(c_elem.bounds, c_elem.div.bgcolor, do_border: do_border)!;
|
ctx.push_rect(elem.bounds, ctx.style.bgcolor, do_border: do_border)!;
|
||||||
|
|
||||||
c_elem.events = ctx.get_elem_events(c_elem);
|
elem.events = ctx.get_elem_events(elem);
|
||||||
|
|
||||||
// TODO: check active
|
// TODO: check active
|
||||||
// TODO: check resizeable
|
// TODO: check resizeable
|
||||||
|
|
||||||
if (parent.flags.has_focus) {
|
if (parent.flags.has_focus) {
|
||||||
if (point_in_rect(ctx.input.mouse.pos, c_elem.bounds)) {
|
if (point_in_rect(ctx.input.mouse.pos, elem.bounds)) {
|
||||||
c_elem.flags.has_focus = true;
|
elem.flags.has_focus = true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -83,12 +84,12 @@ fn void! Ctx.div_end(&ctx)
|
|||||||
{
|
{
|
||||||
// swap the children bounds
|
// swap the children bounds
|
||||||
Elem* parent = ctx.get_parent()!;
|
Elem* parent = ctx.get_parent()!;
|
||||||
Elem* c_elem = ctx.get_elem_by_tree_idx(ctx.active_div)!;
|
Elem* elem = ctx.get_elem_by_tree_idx(ctx.active_div)!;
|
||||||
c_elem.div.pcb = c_elem.div.children_bounds;
|
elem.div.pcb = elem.div.children_bounds;
|
||||||
|
|
||||||
c_elem.events = ctx.get_elem_events(c_elem);
|
elem.events = ctx.get_elem_events(elem);
|
||||||
|
|
||||||
Rect cb = c_elem.div.pcb;
|
Rect cb = elem.div.pcb;
|
||||||
// children bounds bottom-right corner
|
// children bounds bottom-right corner
|
||||||
Point cbc = {
|
Point cbc = {
|
||||||
.x = cb.x + cb.w,
|
.x = cb.x + cb.w,
|
||||||
@ -96,44 +97,43 @@ fn void! Ctx.div_end(&ctx)
|
|||||||
};
|
};
|
||||||
// div bounds bottom-right corner
|
// div bounds bottom-right corner
|
||||||
Point bc = {
|
Point bc = {
|
||||||
.x = c_elem.bounds.x + c_elem.bounds.w,
|
.x = elem.bounds.x + elem.bounds.w,
|
||||||
.y = c_elem.bounds.y + c_elem.bounds.h,
|
.y = elem.bounds.y + elem.bounds.h,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
// set the scrollbar flag, is used in layout
|
// set the scrollbar flag, is used in layout
|
||||||
// horizontal overflow
|
// horizontal overflow
|
||||||
c_elem.div.scroll_x.on = cbc.x > bc.x && c_elem.div.scroll_x.enabled;
|
elem.div.scroll_x.on = cbc.x > bc.x && elem.div.scroll_x.enabled;
|
||||||
// vertical overflow
|
// vertical overflow
|
||||||
c_elem.div.scroll_y.on = cbc.y > bc.y && c_elem.div.scroll_y.enabled;
|
elem.div.scroll_y.on = cbc.y > bc.y && elem.div.scroll_y.enabled;
|
||||||
|
|
||||||
short wdim = c_elem.div.scroll_y.focus ? SCROLLBAR_DIM*3 : SCROLLBAR_DIM;
|
short wdim = elem.div.scroll_y.on ? (elem.div.scroll_y.focus ? SCROLLBAR_DIM*3 : SCROLLBAR_DIM) : 0;
|
||||||
short hdim = c_elem.div.scroll_x.focus ? SCROLLBAR_DIM*3 : SCROLLBAR_DIM;
|
short hdim = elem.div.scroll_x.on ? (elem.div.scroll_x.focus ? SCROLLBAR_DIM*3 : SCROLLBAR_DIM) : 0;
|
||||||
|
|
||||||
if (c_elem.div.scroll_y.on) {
|
if (elem.div.scroll_y.on) {
|
||||||
Rect vslider = {
|
Rect vslider = {
|
||||||
.x = c_elem.bounds.x + c_elem.bounds.w - wdim,
|
.x = elem.bounds.x + elem.bounds.w - wdim,
|
||||||
.y = c_elem.bounds.y,
|
.y = elem.bounds.y,
|
||||||
.w = wdim,
|
.w = wdim,
|
||||||
.h = c_elem.bounds.h,
|
.h = elem.bounds.h - hdim,
|
||||||
};
|
};
|
||||||
Layout prev_l = c_elem.div.layout;
|
Layout prev_l = elem.div.layout;
|
||||||
c_elem.div.layout = LAYOUT_ABSOLUTE;
|
elem.div.layout = LAYOUT_ABSOLUTE;
|
||||||
ctx.slider_ver("div_scrollbar_vertical", vslider, &c_elem.div.scroll_y.value, max((float)bc.y / cbc.y, (float)0.15))!;
|
ctx.slider_ver("div_scrollbar_vertical", vslider, &elem.div.scroll_y.value, max((float)bc.y / cbc.y, (float)0.15))!;
|
||||||
c_elem.div.layout = prev_l;
|
elem.div.layout = prev_l;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (c_elem.div.scroll_x.on) {
|
if (elem.div.scroll_x.on) {
|
||||||
Rect hslider = {
|
Rect hslider = {
|
||||||
.x = c_elem.bounds.x,
|
.x = elem.bounds.x,
|
||||||
.y = c_elem.bounds.y + c_elem.bounds.h - hdim,
|
.y = elem.bounds.y + elem.bounds.h - hdim,
|
||||||
.w = c_elem.bounds.w,
|
.w = elem.bounds.w - wdim,
|
||||||
.h = hdim,
|
.h = hdim,
|
||||||
};
|
};
|
||||||
Layout prev_l = c_elem.div.layout;
|
Layout prev_l = elem.div.layout;
|
||||||
c_elem.div.layout = LAYOUT_ABSOLUTE;
|
elem.div.layout = LAYOUT_ABSOLUTE;
|
||||||
ctx.slider_hor("div_scrollbar_horizontal", hslider, &c_elem.div.scroll_x.value, max((float)bc.x / cbc.x, (float)0.15))!;
|
ctx.slider_hor("div_scrollbar_horizontal", hslider, &elem.div.scroll_x.value, max((float)bc.x / cbc.x, (float)0.15))!;
|
||||||
c_elem.div.layout = prev_l;
|
elem.div.layout = prev_l;
|
||||||
}
|
}
|
||||||
|
|
||||||
// the active_div returns to the parent of the current one
|
// the active_div returns to the parent of the current one
|
||||||
|
@ -63,7 +63,7 @@ macro ElemEvents Ctx.get_elem_events(&ctx, Elem *elem)
|
|||||||
{
|
{
|
||||||
// TODO: add the other events
|
// TODO: add the other events
|
||||||
// FIXME: active should be elsewhere
|
// FIXME: active should be elsewhere
|
||||||
bool active = elem.events.mouse_hold || ctx.is_hovered(elem);
|
bool active = ctx.is_hovered(elem);
|
||||||
ElemEvents ev = {
|
ElemEvents ev = {
|
||||||
.mouse_hover = ctx.is_hovered(elem),
|
.mouse_hover = ctx.is_hovered(elem),
|
||||||
.mouse_press = active & ctx.is_mouse_pressed(BTN_ANY),
|
.mouse_press = active & ctx.is_mouse_pressed(BTN_ANY),
|
||||||
|
@ -27,45 +27,45 @@ fn ElemEvents! Ctx.slider_hor(&ctx,
|
|||||||
Id id = ctx.gen_id(label)!;
|
Id id = ctx.gen_id(label)!;
|
||||||
|
|
||||||
Elem *parent = ctx.get_parent()!;
|
Elem *parent = ctx.get_parent()!;
|
||||||
Elem *c_elem = ctx.get_elem(id)!;
|
Elem *elem = ctx.get_elem(id)!;
|
||||||
// add it to the tree
|
// add it to the tree
|
||||||
ctx.tree.add(id, ctx.active_div)!;
|
ctx.tree.add(id, ctx.active_div)!;
|
||||||
|
|
||||||
// 1. Fill the element fields
|
// 1. Fill the element fields
|
||||||
if (c_elem.flags.is_new) {
|
if (elem.flags.is_new) {
|
||||||
c_elem.type = ETYPE_SLIDER;
|
elem.type = ETYPE_SLIDER;
|
||||||
} else if (c_elem.type != ETYPE_SLIDER) {
|
} else if (elem.type != ETYPE_SLIDER) {
|
||||||
return UgError.WRONG_ELEMENT_TYPE?;
|
return UgError.WRONG_ELEMENT_TYPE?;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 2. Layout
|
// 2. Layout
|
||||||
c_elem.bounds = ctx.position_element(parent, size, true);
|
elem.bounds = ctx.position_element(parent, size, true);
|
||||||
|
|
||||||
// handle width
|
// handle width
|
||||||
short hw = (short)(c_elem.bounds.w * hpercent);
|
short hw = (short)(elem.bounds.w * hpercent);
|
||||||
Rect handle = {
|
Rect handle = {
|
||||||
.x = calc_slider(c_elem.bounds.x, c_elem.bounds.w-hw, *value),
|
.x = calc_slider(elem.bounds.x, elem.bounds.w-hw, *value),
|
||||||
.y = c_elem.bounds.y,
|
.y = elem.bounds.y,
|
||||||
.w = hw,
|
.w = hw,
|
||||||
.h = c_elem.bounds.h,
|
.h = elem.bounds.h,
|
||||||
};
|
};
|
||||||
c_elem.slider.handle = handle;
|
elem.slider.handle = handle;
|
||||||
|
|
||||||
Point m = ctx.input.mouse.pos;
|
Point m = ctx.input.mouse.pos;
|
||||||
c_elem.events = ctx.get_elem_events(c_elem);
|
elem.events = ctx.get_elem_events(elem);
|
||||||
|
|
||||||
if (parent.flags.has_focus && c_elem.events.mouse_hover &&
|
if (parent.flags.has_focus && elem.events.mouse_hover &&
|
||||||
point_in_rect(m, handle) && c_elem.events.mouse_hold) {
|
point_in_rect(m, handle) && elem.events.mouse_hold) {
|
||||||
*value = calc_value(c_elem.bounds.x, m.x, c_elem.bounds.w, hw);
|
*value = calc_value(elem.bounds.x, m.x, elem.bounds.w, hw);
|
||||||
c_elem.slider.handle.x = calc_slider(c_elem.bounds.x, c_elem.bounds.w-hw, *value);
|
elem.slider.handle.x = calc_slider(elem.bounds.x, elem.bounds.w-hw, *value);
|
||||||
c_elem.events.update = true;
|
elem.events.update = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Draw the slider background and handle
|
// Draw the slider background and handle
|
||||||
ctx.push_rect(c_elem.bounds, bgcolor)!;
|
ctx.push_rect(elem.bounds, bgcolor)!;
|
||||||
ctx.push_rect(c_elem.slider.handle, handlecolor)!;
|
ctx.push_rect(elem.slider.handle, handlecolor)!;
|
||||||
|
|
||||||
return c_elem.events;
|
return elem.events;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -91,46 +91,46 @@ fn ElemEvents! Ctx.slider_ver(&ctx,
|
|||||||
Id id = ctx.gen_id(label)!;
|
Id id = ctx.gen_id(label)!;
|
||||||
|
|
||||||
Elem *parent = ctx.get_parent()!;
|
Elem *parent = ctx.get_parent()!;
|
||||||
Elem *c_elem = ctx.get_elem(id)!;
|
Elem *elem = ctx.get_elem(id)!;
|
||||||
// add it to the tree
|
// add it to the tree
|
||||||
ctx.tree.add(id, ctx.active_div)!;
|
ctx.tree.add(id, ctx.active_div)!;
|
||||||
|
|
||||||
// 1. Fill the element fields
|
// 1. Fill the element fields
|
||||||
if (c_elem.flags.is_new) {
|
if (elem.flags.is_new) {
|
||||||
c_elem.type = ETYPE_SLIDER;
|
elem.type = ETYPE_SLIDER;
|
||||||
} else if (c_elem.type != ETYPE_SLIDER) {
|
} else if (elem.type != ETYPE_SLIDER) {
|
||||||
return UgError.WRONG_ELEMENT_TYPE?;
|
return UgError.WRONG_ELEMENT_TYPE?;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 2. Layout
|
// 2. Layout
|
||||||
c_elem.bounds = ctx.position_element(parent, size, true);
|
elem.bounds = ctx.position_element(parent, size, true);
|
||||||
|
|
||||||
// handle height
|
// handle height
|
||||||
short hh = (short)(c_elem.bounds.h * hpercent);
|
short hh = (short)(elem.bounds.h * hpercent);
|
||||||
Rect handle = {
|
Rect handle = {
|
||||||
.x = c_elem.bounds.x,
|
.x = elem.bounds.x,
|
||||||
.y = calc_slider(c_elem.bounds.y, c_elem.bounds.h-hh, *value),
|
.y = calc_slider(elem.bounds.y, elem.bounds.h-hh, *value),
|
||||||
.w = c_elem.bounds.w,
|
.w = elem.bounds.w,
|
||||||
.h = hh,
|
.h = hh,
|
||||||
};
|
};
|
||||||
c_elem.slider.handle = handle;
|
elem.slider.handle = handle;
|
||||||
|
|
||||||
Point m = ctx.input.mouse.pos;
|
Point m = ctx.input.mouse.pos;
|
||||||
c_elem.events = ctx.get_elem_events(c_elem);
|
elem.events = ctx.get_elem_events(elem);
|
||||||
|
|
||||||
if (parent.flags.has_focus && c_elem.events.mouse_hover &&
|
if (parent.flags.has_focus && elem.events.mouse_hover &&
|
||||||
point_in_rect(m, handle) &&
|
point_in_rect(m, handle) &&
|
||||||
c_elem.events.mouse_hold) {
|
elem.events.mouse_hold) {
|
||||||
*value = calc_value(c_elem.bounds.y, m.y, c_elem.bounds.h, hh);
|
*value = calc_value(elem.bounds.y, m.y, elem.bounds.h, hh);
|
||||||
c_elem.slider.handle.y = calc_slider(c_elem.bounds.y, c_elem.bounds.h-hh, *value);
|
elem.slider.handle.y = calc_slider(elem.bounds.y, elem.bounds.h-hh, *value);
|
||||||
c_elem.events.update = true;
|
elem.events.update = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Draw the slider background and handle
|
// Draw the slider background and handle
|
||||||
ctx.push_rect(c_elem.bounds, bgcolor)!;
|
ctx.push_rect(elem.bounds, bgcolor)!;
|
||||||
ctx.push_rect(c_elem.slider.handle, handlecolor)!;
|
ctx.push_rect(elem.slider.handle, handlecolor)!;
|
||||||
|
|
||||||
return c_elem.events;
|
return elem.events;
|
||||||
}
|
}
|
||||||
|
|
||||||
macro short calc_slider(ushort off, ushort dim, float value) => (short)off + (short)(dim * value);
|
macro short calc_slider(ushort off, ushort dim, float value) => (short)off + (short)(dim * value);
|
||||||
|
@ -7,20 +7,20 @@ fn void! Ctx.text_unbounded(&ctx, String label, String text)
|
|||||||
Id id = ctx.gen_id(label)!;
|
Id id = ctx.gen_id(label)!;
|
||||||
|
|
||||||
Elem *parent = ctx.get_parent()!;
|
Elem *parent = ctx.get_parent()!;
|
||||||
Elem *c_elem = ctx.get_elem(id)!;
|
Elem *elem = ctx.get_elem(id)!;
|
||||||
// add it to the tree
|
// add it to the tree
|
||||||
ctx.tree.add(id, ctx.active_div)!;
|
ctx.tree.add(id, ctx.active_div)!;
|
||||||
|
|
||||||
// 1. Fill the element fields
|
// 1. Fill the element fields
|
||||||
// this resets the flags
|
// this resets the flags
|
||||||
c_elem.type = ETYPE_TEXT;
|
elem.type = ETYPE_TEXT;
|
||||||
|
|
||||||
// if the element is new or the parent was updated then redo layout
|
// if the element is new or the parent was updated then redo layout
|
||||||
Rect text_size = ctx.get_text_bounds(text)!;
|
Rect text_size = ctx.get_text_bounds(text)!;
|
||||||
// 2. Layout
|
// 2. Layout
|
||||||
c_elem.bounds = ctx.position_element(parent, text_size, true);
|
elem.bounds = ctx.position_element(parent, text_size, true);
|
||||||
// 3. Fill the button specific fields
|
// 3. Fill the button specific fields
|
||||||
c_elem.text.str = text;
|
elem.text.str = text;
|
||||||
|
|
||||||
ctx.push_string(c_elem.bounds, text)!;
|
ctx.push_string(elem.bounds, text)!;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user