2. Архитектура решения (Как делать правильно)
Чтобы сделать «операционку» (сетку плиток) быстро и гибко, нужно использовать
Auto Layout внутри Zero Block .
Вместо того чтобы рисовать каждую плитку, ты строишь систему:- Создаешь одну карточку (плитку). В Zero Block рисуешь прямоугольник (фон), текст, иконку или картинку.
- Группируешь. Выделяешь все элементы одной плитки (фон, текст, иконку) и нажимаешь группировать. В настройках группы выбираешь тип Object (объект), а не Logical .
- Включаешь Auto Layout. В настройках этой группы:
- Включаешь Auto в разделе Flex.
- Ставишь направление (Direction): Vertical (если текст под иконкой) или Horizontal (если иконка слева от текста).
- Задаешь Gap (расстояние между элементами внутри плитки).
- Включаешь Hug (подгонка по контенту), чтобы плитка сама тянулась за текстом .
- Создаешь сетку. Копируешь эту плитку (Ctrl+C / Ctrl+V в редакторе Zero Block) столько раз, сколько нужно.
- Собираешь контейнер. Выделяешь все получившиеся плитки и группируешь их снова. В этой (родительской) группе:
- Включаешь Auto Layout.
- Ставишь направление: Wrap (перенос по строкам) .
- Задаешь Gap по горизонтали и вертикали (отступы между плитками).
- Задаешь ширину плиток (например, 30%, чтобы в ряд вставало по 3 штуки).
Результат: Ты создал систему. Теперь, если ты меняешь текст в
одной плитке — все плитки выравниваются за счет Auto Layout. Если копируешь плитку — она автоматически встает в сетку, не разваливаясь на мобильных.
