div-container
Контейнер. Содержит в себе другие элементы и отвечает за их расположение. Позволяет располагать элементы по вертикали, горизонтали и с наложением в определенном порядке, имитируя третье измерение.
Параметры
| Параметры | Описание |
|---|---|
type |
string Обязательный параметр. Значение всегда должно равняться |
accessibility |
object Настройки доступности. Значение имеет тип Доступные платформы: Android, iOS, веб. |
action |
object Одно действие при нажатии на элемент. Не используется, если задан параметр Значение имеет тип |
action_animation |
object Анимация нажатия. В вебе поддерживаются только значения Значение имеет тип Значение по умолчанию: Доступные платформы: Android, iOS, веб. |
actions |
array Несколько действий при нажатии на элемент. |
alignment_horizontal |
string Горизонтальное выравнивание элемента внутри родительского. Возможные значения: |
alignment_vertical |
string Вертикальное выравнивание элемента внутри родительского. Возможные значения: |
alpha |
number Устанавливает прозрачность всего элемента: Ограничение для значения Значение по умолчанию: |
animators |
array Объявление аниматоров, с помощью которых можно изменять значение переменных во времени. Доступные платформы: Android, iOS. Список возможных значений: |
aspect |
object Фиксированное соотношение размеров контейнера. Высота элемента вычисляется исходя из ширины, значение параметра В вебе для использования этого параметра требуется поддержка свойства CSS Значение имеет тип |
background |
array Фон элемента. Может содержать несколько слоев. Список возможных значений: |
border |
object Рамка элемента. Значение имеет тип |
clip_to_bounds |
bool_int Включает ограничение дочерних элементов границами родителя. Значение по умолчанию: Доступные платформы: Android, iOS, веб. |
column_span |
int Объединяет ячейки в столбце элемента grid. Ограничение для значения Доступные платформы: Android, iOS, веб. |
content_alignment_horizontal |
string Горизонтальное выравнивание элементов. Для дочерних элементов может быть переопределено через свойство Возможные значения: Значение по умолчанию: |
content_alignment_vertical |
string Вертикальное выравнивание элементов. Значение Возможные значения: Значение по умолчанию: |
disappear_actions |
array Действия при исчезновении элемента с экрана. Доступные платформы: Android, iOS, веб. |
doubletap_actions |
array Действие при двойном нажатии на элемент. Доступные платформы: Android, iOS, веб. |
extensions |
array Расширения для дополнительной обработки элемента. Список расширений см. в разделе Кастомизация. Доступные платформы: Android, iOS, веб. |
focus |
object Параметры при фокусировке на элементе или потере фокуса. Значение имеет тип |
functions |
array Пользовательские функции. Доступные платформы: iOS. |
height |
object Высота элемента. Для Android: если в этом или в дочернем элементе есть текст, укажите высоту в Значение имеет тип Значение по умолчанию: Список возможных значений: |
hover_end_actions |
array Действия, выполняемые при завершении наведения на элемент. Доступны на платформах, поддерживающих указывающие устройства (мышь, стилус и т.д.). Функциональность находится в разработке. |
hover_start_actions |
array Действия, выполняемые при наведении на элемент. Доступны на платформах, поддерживающих указывающие устройства (мышь, стилус и т.д.). Функциональность находится в разработке. |
id |
string Идентификатор элемента. На iOS используется в качестве |
item_builder |
object Задает элементы коллекции динамически при помощи Значение имеет тип Доступные платформы: Android, iOS, веб. |
items |
array Вложенные элементы. Список возможных значений: |
layout_mode |
string Способ размещения элементов. Значение match_parent вдоль главной оси будет выделена отдельная строка;match_parent вдоль побочной оси будут проигнорированы.Возможные значения: Значение по умолчанию: |
layout_provider |
object Предоставляет данные о реальном размере элемента. Значение имеет тип Доступные платформы: Android, iOS, веб. |
line_separator |
object Разделитель между элементами вдоль поперечной оси. Не используется, если параметр Значение имеет тип Доступные платформы: Android, iOS, веб. |
longtap_actions |
array Действие при долгом нажатии на элемент. Не работает на устройствах без сенсорного экрана. Доступные платформы: Android, iOS, веб. |
margins |
object Внешние отступы от рамки элемента. Значение имеет тип |
orientation |
string Расположение элементов. Значение Возможные значения: Значение по умолчанию: |
paddings |
object Внутренние отступы от рамки элемента. Значение имеет тип |
press_end_actions |
array Действия, выполняемые при завершении нажатия на элемент. Функциональность находится в разработке. |
press_start_actions |
array Действия, выполняемые в начале нажатия на элемент. Функциональность находится в разработке. |
reuse_id |
string ID для структуры div-объекта. Используется для более оптимального переиспользования блоков. См. переиспользование блоков. Доступные платформы: Android, iOS. |
row_span |
int Объединяет ячейки в строке элемента grid. Ограничение для значения Доступные платформы: Android, iOS, веб. |
selected_actions |
array Список действий, которые будут выполнены при выборе элемента в пейджере. Доступные платформы: Android, iOS, веб. |
separator |
object Разделитель между элементами вдоль основной оси. Не используется, если параметр Значение имеет тип Доступные платформы: Android, iOS, веб. |
tooltips |
array Привязанные к элементу всплывающие подсказки. Подсказка может быть показана по Доступные платформы: Android, iOS, веб. |
transform |
object Применяет к элементу переданное преобразование. Тот контент, который не поместится в исходную область просмотра, будет обрезан. Значение имеет тип Доступные платформы: Android, iOS, веб. |
transition_change |
object Анимация изменения. Воспроизводится при изменении положения или размера элемента в новой верстке. Значение имеет тип Доступные платформы: Android, iOS, веб. Список возможных значений: |
transition_in |
object Анимация появления. Воспроизводится при появлении элемента с новым id. Подробнее о концепции переходов в разделе Анимация перехода. Значение имеет тип Доступные платформы: Android, iOS, веб. Список возможных значений: |
transition_out |
object Анимация исчезания. Воспроизводится при исчезании элемента в новой верстке. Значение имеет тип Доступные платформы: Android, iOS, веб. Список возможных значений: |
transition_triggers |
array Триггеры запуска анимации. Значение по умолчанию: Массив должен быть непустым. Доступные платформы: Android, iOS, веб. |
variable_triggers |
array Триггеры изменения переменных внутри элемента. Доступные платформы: Android, iOS, веб. |
variables |
array Объявление переменных, которые могут использоваться внутри элемента. Переменные, объявленные в данном массиве, могут использоваться только внутри самого элемента и его дочерних элементов. Доступные платформы: iOS, веб, Android. Список возможных значений: |
visibility |
string Видимость элемента. Возможные значения: Значение по умолчанию: |
visibility_action |
object Трекинг видимости одного элемента. Не используется, если задан параметр Значение имеет тип Доступные платформы: Android, iOS, веб. |
visibility_actions |
array Действия при появлении элемента на экране. Доступные платформы: Android, iOS, веб. |
width |
object Ширина элемента. Значение имеет тип Значение по умолчанию: Список возможных значений: |
separator
| Параметры | Описание |
|---|---|
style |
object Обязательный параметр. Стиль разделителя. Значение имеет тип Доступные платформы: Android, iOS, веб. Список возможных значений: |
margins |
object Внешние отступы от рамки элемента. Значение имеет тип Доступные платформы: Android, iOS, веб. |
show_at_end |
bool_int Включает отображение разделителя после последнего элемента. Значение по умолчанию: Доступные платформы: Android, iOS, веб. |
show_at_start |
bool_int Включает отображение разделителя перед первым элементом. Значение по умолчанию: Доступные платформы: Android, iOS, веб. |
show_between |
bool_int Включает отображение разделителя между элементами. Значение по умолчанию: Доступные платформы: Android, iOS, веб. |
JSON
{
type*: "container",
accessibility: {
description: "string",
hint: "string",
mode: "string",
mute_after_action: "bool_int",
state_description: "string",
type: "string"
},
action: {
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
action_animation: {
duration: "int",
end_value: "number",
interpolator: "string",
items: [ div-animation, ... ],
name*: "string",
repeat: div-count,
start_delay: "int",
start_value: "number"
},
actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
alignment_horizontal: "string",
alignment_vertical: "string",
alpha: "number",
animators: [ div-animator, ... ],
aspect: {
ratio*: "number"
},
background: [ div-background, ... ],
border: {
corner_radius: "int",
corners_radius: {
bottom-left: "int",
bottom-right: "int",
top-left: "int",
top-right: "int"
},
has_shadow: "bool_int",
shadow: {
alpha: "number",
blur: "int",
color: "string",
offset*: {
x*: {
unit: "string",
value*: "number"
},
y*: {
unit: "string",
value*: "number"
}
}
},
stroke: {
color*: "string",
unit: "string",
width: "number"
}
},
clip_to_bounds: "bool_int",
column_span: "int",
content_alignment_horizontal: "string",
content_alignment_vertical: "string",
disappear_actions: [
{
disappear_duration: "int",
download_callbacks: {
on_fail_actions: [
{
download_callbacks: div-download-callbacks,
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
on_success_actions: [
{
download_callbacks: div-download-callbacks,
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
]
},
is_enabled: "bool_int",
log_id*: "string",
log_limit: "int",
payload: "object",
referer: "string",
scope_id: "string",
typed: div-action-typed,
url: "string",
visibility_percentage: "int"
},
...
],
doubletap_actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
extensions: [
{
id*: "string",
params: "object"
},
...
],
focus: {
background: [ div-background, ... ],
border: {
corner_radius: "int",
corners_radius: {
bottom-left: "int",
bottom-right: "int",
top-left: "int",
top-right: "int"
},
has_shadow: "bool_int",
shadow: {
alpha: "number",
blur: "int",
color: "string",
offset*: {
x*: {
unit: "string",
value*: "number"
},
y*: {
unit: "string",
value*: "number"
}
}
},
stroke: {
color*: "string",
unit: "string",
width: "number"
}
},
next_focus_ids: {
down: "string",
forward: "string",
left: "string",
right: "string",
up: "string"
},
on_blur: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
on_focus: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
]
},
functions: [
{
arguments*: [
{
name*: "string",
type*: "string"
},
...
],
body*: "string",
name*: "string",
return_type*: "string"
},
...
],
height: div-size,
hover_end_actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
hover_start_actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
id: "string",
item_builder: {
data*: "raw_array",
data_element_name: "string",
prototypes*: [
{
div*: div,
id: "string",
selector: "bool_int"
},
...
]
},
items: [ div, ... ],
layout_mode: "string",
layout_provider: {
height_variable_name: "string",
width_variable_name: "string"
},
line_separator: {
margins: {
bottom: "int",
end: "int",
left: "int",
right: "int",
start: "int",
top: "int",
unit: "string"
},
show_at_end: "bool_int",
show_at_start: "bool_int",
show_between: "bool_int",
style*: div-drawable
},
longtap_actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
margins: {
bottom: "int",
end: "int",
left: "int",
right: "int",
start: "int",
top: "int",
unit: "string"
},
orientation: "string",
paddings: {
bottom: "int",
end: "int",
left: "int",
right: "int",
start: "int",
top: "int",
unit: "string"
},
press_end_actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
press_start_actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
reuse_id: "string",
row_span: "int",
selected_actions: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
separator: {
margins: {
bottom: "int",
end: "int",
left: "int",
right: "int",
start: "int",
top: "int",
unit: "string"
},
show_at_end: "bool_int",
show_at_start: "bool_int",
show_between: "bool_int",
style*: div-drawable
},
tooltips: [
{
animation_in: {
duration: "int",
end_value: "number",
interpolator: "string",
items: [ div-animation, ... ],
name*: "string",
repeat: div-count,
start_delay: "int",
start_value: "number"
},
animation_out: {
duration: "int",
end_value: "number",
interpolator: "string",
items: [ div-animation, ... ],
name*: "string",
repeat: div-count,
start_delay: "int",
start_value: "number"
},
div*: div,
duration: "int",
id*: "string",
offset: {
x*: {
unit: "string",
value*: "number"
},
y*: {
unit: "string",
value*: "number"
}
},
position*: "string"
},
...
],
transform: {
pivot_x: div-pivot,
pivot_y: div-pivot,
rotation: "number"
},
transition_change: div-change-transition,
transition_in: div-appearance-transition,
transition_out: div-appearance-transition,
transition_triggers: [ "string", ... ],
variable_triggers: [
{
actions*: [
{
download_callbacks: {
on_fail_actions: [ div-action, ... ],
on_success_actions: [ div-action, ... ]
},
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
condition*: "bool_int",
mode: "string"
},
...
],
variables: [ div-variable, ... ],
visibility: "string",
visibility_action: {
download_callbacks: {
on_fail_actions: [
{
download_callbacks: div-download-callbacks,
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
on_success_actions: [
{
download_callbacks: div-download-callbacks,
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
]
},
is_enabled: "bool_int",
log_id*: "string",
log_limit: "int",
payload: "object",
referer: "string",
scope_id: "string",
typed: div-action-typed,
url: "string",
visibility_duration: "int",
visibility_percentage: "int"
},
visibility_actions: [
{
download_callbacks: {
on_fail_actions: [
{
download_callbacks: div-download-callbacks,
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
],
on_success_actions: [
{
download_callbacks: div-download-callbacks,
is_enabled: "bool_int",
log_id*: "string",
log_url: "string",
menu_items: [
{
action: div-action,
actions: [ div-action, ... ],
text*: "string"
},
...
],
payload: "object",
referer: "string",
scope_id: "string",
target: "string",
typed: div-action-typed,
url: "string"
},
...
]
},
is_enabled: "bool_int",
log_id*: "string",
log_limit: "int",
payload: "object",
referer: "string",
scope_id: "string",
typed: div-action-typed,
url: "string",
visibility_duration: "int",
visibility_percentage: "int"
},
...
],
width: div-size
}