Адаптивность всё ближе к Figma — обновление Auto Layout


Обновление от 19.11.2020

Что нового в Auto Layout: новый интерфейс и реализация близкая к верстке. 

Auto Layout Figma (new)
Новый интерфейс

Рассмотрим, как устроена новая панель.

  1. Вы также можете указать направление выравнивания: по вертикали и по горизонтали. Соответственно, в зависимости от этого объекты внутри фрейма будут выстраиваться либо в столбец, либо в строку
  2. Вы также указываете расстояние между объектами
  3. Теперь появилось значение «Padding Around Items» (1 на скриншоте) — оно указывает пэддинг (отступ) внутри фрейма со всех сторон
  4. Окно Alignment and Padding (2 на скриншоте) — нажмите, чтобы открыть панель.Расположение и пэддингВ ней можно задать Padding для конкретной стороны, указать позицию, к которой будут прижаты объекты внутри фрейма (для этого нажмите на поле внутри), а также указать способ компоновки объектов: вместе (Packed) или распределена (Space Between)
    Распределение объектов внутри
    Распределение объектов внутри

     

  5. Поле Resizing (3 на скриншоте) — вы можете указать поведение фрейма при изменении размера его вложенных элементов. Он может полностью «обнимать» контент внутри «Hug contents», либо иметь фиксированное значение Fixed.
    Фиксированные размеры
    Фиксированные размеры (элементы могут выходить за границы)

     

    Фрейм обнимает элементы
    Фрейм обнимает элементы

     

     

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


По теме:


Бесплатные иконки

Векторные и растровые иконки, бесплатные для коммерческого использования

Анимированные SVG иконки Изометрические иконки