2015-10-20, 11:04
About the whole alignment of text (and other things) inside a container.
I recall from back when fiddling with html that contents could sort of "float" and fill semi-nicely even when items had different sizes, be that height or width.
I speculate the routine - for a really simple version that treats each item as a rectangle - could be something like this:
First item being drawn is placed top left and the next item to the right of this aligned to the top and right of the previous item (with a bit of space between ofcourse). This continues until the next item cannot fit width-wise on that "line". Just like it's being done today in Kodi in a regular not justified textbox I would imagine?
The tricky bit with the floating items (or words) is likely in the linebreaks.
I speculate the system simply kept track of the height (or the right-bottom corner) of these items and remembered the item that was the highest in the "line" leading up to this linebreak.
The pseudo code could probably be something like this, for beginning a new line:
If there is room width-wise to the right of the highest container, then place the first item on the new line to the right of this, and align y to be below the next-highest item to ensure that there is no overlapping. Continue the line normally from that position. Otherwise begin a completely new line below the highest item, aligning to the left of the container as usual.
Anyways. I'd like to see a "floating" panel layout I guess.. But not that much really, unless coupled with the ability to add a friggin huge first letter in a textbox
I recall from back when fiddling with html that contents could sort of "float" and fill semi-nicely even when items had different sizes, be that height or width.
I speculate the routine - for a really simple version that treats each item as a rectangle - could be something like this:
First item being drawn is placed top left and the next item to the right of this aligned to the top and right of the previous item (with a bit of space between ofcourse). This continues until the next item cannot fit width-wise on that "line". Just like it's being done today in Kodi in a regular not justified textbox I would imagine?
The tricky bit with the floating items (or words) is likely in the linebreaks.
I speculate the system simply kept track of the height (or the right-bottom corner) of these items and remembered the item that was the highest in the "line" leading up to this linebreak.
The pseudo code could probably be something like this, for beginning a new line:
If there is room width-wise to the right of the highest container, then place the first item on the new line to the right of this, and align y to be below the next-highest item to ensure that there is no overlapping. Continue the line normally from that position. Otherwise begin a completely new line below the highest item, aligning to the left of the container as usual.
Anyways. I'd like to see a "floating" panel layout I guess.. But not that much really, unless coupled with the ability to add a friggin huge first letter in a textbox
I would like to hear what the others think about it.
