Image layout method using a grid

摘要

A layout resizes intelligently without complexity. Objects or elements are attached to a virtual grid of row and column gridlines, which are defined separately. The relationship between the objects and the grid is bi-directional so that moving one (gridline or object) will affect the other (object or gridline). In other words, expanding /collapsing the object will push the gridlines, and moving the gridline will expand /collapse the object. The virtual grid can be created before or after the objects to provide further flexibility. A child object can have its own virtual grid, which allows fine-grained control where desired.