Expandable

Expandable прячет содержимое за заголовком и показывает его по нажатию. Нужен там, где места на экране мало, а информации много: FAQ, длинные формы, списки с подробностями.

Дерево виджета по умолчанию

При добавлении Expandable внутри появляются три части:

• Header — видимая всегда: подпись или значок, объясняющий, что скрыто внутри.
• Collapsed View — свёрнутое состояние, короткая сводка.
• Expanded View — развёрнутое: подробности и дополнительные элементы управления.

Свойства

• Icon Properties — настройки значка описаны в разделе про значки.

• Expandable Properties:

  • Active View — текущее состояние: свёрнуто или развёрнуто.
  • Initially Expanded — раскрывать ли блок сразу при открытии экрана.
  • Tap Header to Toggle — переключать состояние нажатием на заголовок.
  • Tap Body to Expand/Collapse — переключать нажатием на само содержимое.

• Style Properties:

  • Width & Height — размеры; можно выставить в бесконечность, чтобы занять всю ширину или высоту.
  • Background Color — фон под содержимым.
  • Header Alignment — выравнивание заголовка: по левому краю, по центру, по правому.

Где это пригодится

Свёрнутый по умолчанию блок разгружает экран: пользователь видит перечень вопросов, а не стену текста, и раскрывает только нужное. Тот же приём работает в формах — необязательные поля прячут за заголовком «Дополнительно».