Мы поразбирались отдельно с визуальными атомами, теперь отдельно поразбираемся с каркасом. И с каркасом мы будем разбираться на конкретном примере. Мы зафиксируем то, как выглядит визуальный атом, и начнём эти визуальные атомы по‑разному тасовать.
Когда мы разбирали алгоритм, последовательность шагов, у нас уже был этот пример. Здесь у нас есть какая‑то компания, в ней сотрудники разного пола, разного возраста, с разной зарплатой, которые работают на разных должностях. И мы хотим как‑то по‑разному на эту ситуацию посмотреть.
В качестве визуального атома мы здесь выбираем пиктограмму. Соответственно, формой кодируем пол и цветом кодируем зарплату. Причём, чтобы у нас не смешивались какие‑то совсем разные по ощущениям зарплаты, мы кодируем даже разными оттенками цвета, чтобы это было проще считать.
Сейчас, как в примере с кружочками, мы пока просто положили визуальные атомы на экран. И сейчас начинаем потихонечку задавать им разные горизонтали и вертикали. Начнём с того, что попробуем понять, как вообще можно упорядочить, расположить какие‑то объекты вдоль одной оси.
Самый простой способ расположить объекты вдоль одной оси — это просто поставить их рядом друг с другом, бок о бок, собрать из объектов стопку: