Редактор Studio Two: настройка положения и интервалов

Настройте расположение элементов внутри секции или контейнера с помощью вертикальных интервалов, фиксации и полей. Выберите автоматические интервалы, чтобы элементы не перекрывали друг друга при разных размерах экрана, или настройте фиксацию и поля вручную.

Затем выберите, как элемент будет вести себя при прокрутке страницы: оставаться в исходном положении, следовать за областью просмотра или быть закрепленным на месте.

В Редакторе Studio Two для секций и контейнеров можно настроить вертикальные интервалы, чтобы сохранять положение элементов внутри них при разных размерах экрана. Вертикальные интервалы можно настроить автоматически или вручную.

По умолчанию вертикальные интервалы настраиваются автоматически. Это значит, что редактор сам управляет ими. Вам не придется фиксировать каждый дочерний элемент по верхнему или нижнему краю и настраивать верхние и нижние поля для каждого размера экрана, чтобы сохранить макет.

1. Откройте редактор.

2. Нажмите значок Полная версия вверху.

3. Выберите нужный родительский элемент, например секцию или контейнер.

4. Нажмите значок Открыть Инспектор в правом верхнем углу редактора.

5. В Инспекторе прокрутите вниз до параметра Вертикальный интервал в разделе Макет.

6. Выберите нужный параметр в раскрывающемся списке Вертикальный интервал:

   • Автоматически: вертикальные интервалы между элементами в секции или контейнере автоматически сохраняются при любых размерах экрана.

   • Вручную: настройте точную фиксацию и поля каждого элемента в секции или контейнере, чтобы обеспечить правильные интервалы при любых размерах экрана.

При добавлении новых элементов на страницу они автоматически фиксируются по ближайшим углам. Благодаря этому элементы можно перетаскивать по холсту, не меняя их фиксацию. Чтобы полностью контролировать точки фиксации, всегда можно перейти к ручной настройке.

После настройки фиксации добавьте поля, чтобы управлять пространством вокруг элемента и сохранять одинаковое расстояние до краев его родительского элемента.

1. Перейдите в редактор.

2. Выберите нужный элемент.

3. Нажмите значок Открыть Инспектор в правом верхнем углу редактора.

1. (Если вкладка еще не открыта) Нажмите Дизайн и прокрутите вниз до раздела Позиция.

2. Выберите способ фиксации элемента:

   • Автоматически: Оставьте установленным чекбокс рядом с параметром Автоматическая фиксация элемента.

   • Вручную: Снимите флажок рядом с параметром Автоматическая фиксация элемента. Затем нажмите нужную точку фиксации, чтобы зафиксировать или открепить элемент: Слева , Справа, Сверху или Снизу.

3. (Необязательно) Введите значение полей с той стороны, с которой зафиксирован элемент: слева, справа, сверху или снизу.
   Примечание: Верхнее и нижнее поля недоступны, если для вертикального интервала родительского элемента (например, контейнера или ячейки) задано автоматическое значение. В этом случае вертикальные поля элемента зависят от его положения на холсте.

Выберите, как элемент или секция будет вести себя при прокрутке страницы вверх и вниз. Можно оставить его в обычной позиции, закрепить в области просмотра или сделать прилипающим при прокрутке страницы.

1. Перейдите в редактор.
2. Выберите нужный элемент или секцию.
3. Нажмите значок Все параметры дизайна на панели действий.
4. (В Инспекторе) Выберите Тип позиции в раскрывающемся списке и настройте его:

Нажмите на вопрос ниже, чтобы узнать подробнее.