even better text rendering
This commit is contained in:
parent
61556d0a2c
commit
f0aa59ef0b
@ -94,7 +94,7 @@ fn int main(String[] args)
|
|||||||
io::printfn("slider: %f", e.slider.value);
|
io::printfn("slider: %f", e.slider.value);
|
||||||
}
|
}
|
||||||
|
|
||||||
ui.text_unbounded("text1", "Ciao Mamma")!!;
|
ui.text_unbounded("text1", "Ciao Mamma\n Sono a Casa")!!;
|
||||||
|};
|
|};
|
||||||
ui.div_end()!!;
|
ui.div_end()!!;
|
||||||
|
|
||||||
|
@ -2,6 +2,35 @@ module ugui;
|
|||||||
|
|
||||||
import std::io;
|
import std::io;
|
||||||
|
|
||||||
|
fn Rect! Ctx.get_text_bounds(&ctx, String text, bool* update_atlas)
|
||||||
|
{
|
||||||
|
Rect text_bounds;
|
||||||
|
short line_height = (short)ctx.font.ascender - (short)ctx.font.descender;
|
||||||
|
short line_gap = (short)ctx.font.linegap;
|
||||||
|
text_bounds.h = line_height;
|
||||||
|
Glyph* gp;
|
||||||
|
|
||||||
|
// TODO: account for unicode codepoints
|
||||||
|
short line_len;
|
||||||
|
foreach (c: text) {
|
||||||
|
Codepoint cp = (Codepoint)c;
|
||||||
|
bool n;
|
||||||
|
if (cp != '\n') {
|
||||||
|
gp = ctx.font.get_glyph(cp, &n)!;
|
||||||
|
line_len += gp.adv;
|
||||||
|
if (n) { *update_atlas = true; }
|
||||||
|
} else {
|
||||||
|
text_bounds.h += line_height + line_gap;
|
||||||
|
if (line_len > text_bounds.w) {
|
||||||
|
text_bounds.w = line_len;
|
||||||
|
}
|
||||||
|
line_len = 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return text_bounds;
|
||||||
|
}
|
||||||
|
|
||||||
fn void! Ctx.text_unbounded(&ctx, String label, String text)
|
fn void! Ctx.text_unbounded(&ctx, String label, String text)
|
||||||
{
|
{
|
||||||
Id id = label.hash();
|
Id id = label.hash();
|
||||||
@ -15,24 +44,14 @@ fn void! Ctx.text_unbounded(&ctx, String label, String text)
|
|||||||
// this resets the flags
|
// this resets the flags
|
||||||
c_elem.type = ETYPE_TEXT;
|
c_elem.type = ETYPE_TEXT;
|
||||||
|
|
||||||
short line_height = (short)ctx.font.ascender - (short)ctx.font.descender;
|
|
||||||
short baseline = (short)ctx.font.ascender;
|
short baseline = (short)ctx.font.ascender;
|
||||||
|
short line_height = (short)ctx.font.ascender - (short)ctx.font.descender;
|
||||||
|
short line_gap = (short)ctx.font.linegap;
|
||||||
bool update_atlas;
|
bool update_atlas;
|
||||||
// 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
|
||||||
if (c_elem.flags.is_new || parent.flags.updated) {
|
if (c_elem.flags.is_new || parent.flags.updated) {
|
||||||
Rect text_size;
|
Rect text_size = ctx.get_text_bounds(text, &update_atlas)!;
|
||||||
Glyph* gp;
|
|
||||||
|
|
||||||
// FIXME: newlines are not counted
|
|
||||||
foreach (c: text) {
|
|
||||||
Codepoint cp = (Codepoint)c;
|
|
||||||
bool n;
|
|
||||||
gp = ctx.font.get_glyph(cp, &n)!;
|
|
||||||
text_size.w += gp.adv;
|
|
||||||
text_size.h += line_height;
|
|
||||||
if (n) { update_atlas = true; }
|
|
||||||
}
|
|
||||||
|
|
||||||
// 2. Layout
|
// 2. Layout
|
||||||
c_elem.bounds = ctx.position_element(parent, text_size, true);
|
c_elem.bounds = ctx.position_element(parent, text_size, true);
|
||||||
|
|
||||||
@ -53,31 +72,43 @@ fn void! Ctx.text_unbounded(&ctx, String label, String text)
|
|||||||
ctx.cmd_queue.enqueue(&up)!;
|
ctx.cmd_queue.enqueue(&up)!;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Cmd bounds = {
|
||||||
|
.type = CMD_RECT,
|
||||||
|
.rect.rect = c_elem.bounds,
|
||||||
|
.rect.color = uint_to_rgba(0x000000ff),
|
||||||
|
};
|
||||||
|
ctx.cmd_queue.enqueue(&bounds)!;
|
||||||
|
|
||||||
Point orig = {
|
Point orig = {
|
||||||
.x = c_elem.bounds.x,
|
.x = c_elem.bounds.x,
|
||||||
.y = c_elem.bounds.y,
|
.y = c_elem.bounds.y,
|
||||||
};
|
};
|
||||||
|
short line_len;
|
||||||
foreach (c: text) {
|
foreach (c: text) {
|
||||||
Glyph* gp;
|
Glyph* gp;
|
||||||
Codepoint cp = (Codepoint)c;
|
Codepoint cp = (Codepoint)c;
|
||||||
gp = ctx.font.get_glyph(cp)!;
|
if (cp != '\n') {
|
||||||
|
gp = ctx.font.get_glyph(cp)!;
|
||||||
Cmd cmd = {
|
Cmd cmd = {
|
||||||
.type = CMD_SPRITE,
|
.type = CMD_SPRITE,
|
||||||
.sprite.rect = {
|
.sprite.rect = {
|
||||||
.x = orig.x + gp.ox,
|
.x = orig.x + line_len + gp.ox,
|
||||||
.y = orig.y + gp.oy + baseline,
|
.y = orig.y + gp.oy + baseline,
|
||||||
.w = gp.w,
|
.w = gp.w,
|
||||||
.h = gp.h,
|
.h = gp.h,
|
||||||
},
|
},
|
||||||
.sprite.texture_rect = {
|
.sprite.texture_rect = {
|
||||||
.x = gp.u,
|
.x = gp.u,
|
||||||
.y = gp.v,
|
.y = gp.v,
|
||||||
.w = gp.w,
|
.w = gp.w,
|
||||||
.h = gp.h,
|
.h = gp.h,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
orig.x += gp.adv;
|
line_len += gp.adv;
|
||||||
ctx.cmd_queue.enqueue(&cmd)!;
|
ctx.cmd_queue.enqueue(&cmd)!;
|
||||||
|
} else {
|
||||||
|
orig.y += line_height + line_gap;
|
||||||
|
line_len = 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user