layout ideas
This commit is contained in:
parent
99df8ad38d
commit
7909306d7a
@ -88,6 +88,88 @@ multiple +--------v---------+ |
|
|||||||
+--------------+
|
+--------------+
|
||||||
```
|
```
|
||||||
|
|
||||||
|
### Layouting
|
||||||
|
|
||||||
|
```text
|
||||||
|
parent div
|
||||||
|
[0,0]->+------------------------------------------------+
|
||||||
|
| |
|
||||||
|
| |
|
||||||
|
| |
|
||||||
|
| |
|
||||||
|
| |
|
||||||
|
| |
|
||||||
|
| |
|
||||||
|
| space_r |
|
||||||
|
| space_c | begin div1
|
||||||
|
| | ----+
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
+------------------------------------------------+ |
|
||||||
|
|
|
||||||
|
|
|
||||||
|
parent div |
|
||||||
|
[0,0]->+----------------------+-------------------------+ |
|
||||||
|
| | | |
|
||||||
|
| | | |
|
||||||
|
| | | <---+
|
||||||
|
| div 1 | | end div1
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
+----------------------+ space_r |
|
||||||
|
| | |
|
||||||
|
| | | begin div2
|
||||||
|
| | | ----+
|
||||||
|
| | | |
|
||||||
|
| space_c | | |
|
||||||
|
| | | |
|
||||||
|
| | | |
|
||||||
|
| | | |
|
||||||
|
+----------------------+-------------------------+ |
|
||||||
|
|
|
||||||
|
|
|
||||||
|
parent div |
|
||||||
|
[0,0]->+----------------------+--------+----------------+ |
|
||||||
|
| | | | |
|
||||||
|
| | div 2 | | |
|
||||||
|
| | | | |
|
||||||
|
| div 1 +--------+ | |
|
||||||
|
| |xxxxxxxx| | |
|
||||||
|
| |xxxxxxxx| | <---+
|
||||||
|
| |xxxxxxxx| | end div2
|
||||||
|
| |xxxxxxxx| |
|
||||||
|
+----------------------+--------+ space_r |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| space_c | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
| | |
|
||||||
|
+-------------------------------+----------------+
|
||||||
|
|
||||||
|
+-+
|
||||||
|
|x|: Lost Space
|
||||||
|
+-+
|
||||||
|
```
|
||||||
|
|
||||||
|
TODO: handle when the content overflows the div
|
||||||
|
- Use a different concept, like a view or relative space, for example the child
|
||||||
|
div could have position `[0,0]` but in reality it is relative to the origin of the
|
||||||
|
parent div
|
||||||
|
- each div could have a view and a total area of the content, when drawing everything
|
||||||
|
is clipped to the view and scrollbars are shown
|
||||||
|
- individual elements accept dimensions and the x/y coordinates could be interpreted
|
||||||
|
as offset if the layout is row/column or absolute coordinates if the leayout is floating
|
||||||
|
|
||||||
### Notes
|
### Notes
|
||||||
|
|
||||||
How elements determine if they have focus or not
|
How elements determine if they have focus or not
|
||||||
|
Loading…
Reference in New Issue
Block a user