Виджет Гармошка

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

Примеры

Используйте этот виджет для поддержки требований к разработке приложений, таких как:

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

Примечания по использованию

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

Чтобы добавить виджеты в гармошку, перетащите их из панели Вставить виджет.

Для изменения порядка виджетов в гармошке щелкните и перетащите их заголовки. Вы также можете щелкнуть виджет и использовать кнопки Переместить вниз и Переместить вверх, которые появляются на панели инструментов виджета.

Чтобы удалить виджет из гармошки, щелкните его заголовок и перетащите его наружу.

Для изменения значка и названия виджета в заголовке выберите виджет и измените их в верхней части панели настройки виджета.

Настройки

Виджет Гармошка включает в себя следующие настройки:

• Компоновка — Эти настройки влияют на расстояние между элементами заголовка относительно друг друга и краев панели виджета Гармошка.
  • Интервал — Определяет расстояние по вертикали между заголовками в пикселях (px).
  • Отступ — Изменяет размер отступов, которые представляют собой расстояния между заголовками и краями панели виджета, как сразу для всех, так и по отдельности. Эти значения размеров указываются в пикселах (px).
• Общие настройки — Это настройки, связанные с раскрытием заголовков.
  • Сколько элементов можно развернуть — Определяет могут ли пользователи развернуть только один заголовок за раз или несколько заголовков одновременно.
  • Развернуть элементы при загрузке — Дополнительно можно выбрать один или несколько виджетов, которые будут автоматически развернуты при первой загрузке.
  • Кнопки Развернуть / Свернуть все — Добавляет кнопки на панель виджета, которые будут разворачивать и сворачивать все заголовки.
• Заголовок — Щелкнув на три различные части редактора заголовка, вы сможете открыть настройки, относящиеся с фоном и границей, отступами и содержимым.

  

  • Фон и граница — Изменяет настройки, связанные с фоном и границей заголовка.
    • Фон — Выбор цвета фона для заголовков в свернутом и развернутом состоянии.
    • Рамка — Изменяет цвет заливки, штрихи и размер рамки заголовка в пикселях (px). Все эти атрибуты можно изменить как для всей рамки, так и для каждой из четырех сторон отдельно.
      • Радиус рамки — Изменяет радиус рамки, как сразу для всех углов, так и независимо для каждого из четырех углов. Вы можете указать значения для радиуса в пикселах (px) или процентах (%). Увеличение радиуса делает углы заголовка более закругленными.
  • Отступ — Изменяет размер отступов, которые представляют собой пространство между четырьмя сторонами заголовка и содержимым заголовка, как сразу для всех, так и по отдельности. Эти значения указываются в пикселах (px).
  • Содержимое — Изменяет настройки, связанные с содержимым заголовков.
    • Значок — Добавляет значки виджетов в заголовки. Вы можете изменить размер значков и их цвет. Значки виджетов устанавливаются в верхней части панели конфигурации каждого виджета.

      Примечание:

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

    • Текст — Форматирование текста в заголовках полужирным шрифтом, курсивом, зачеркиванием и подчеркиванием. Вы также можете изменить цвет и задать размер шрифта в пикселях (px).
    • Кнопки — Установка значков для кнопок развернуть и свернуть.
    • Положение переключателя — Выберите, где разместить кнопки разворачивания и сворачивания: слева (Начало) или справа (Конец) каждого заголовка.
• Панель — Изменяет настройки панелей виджетов, которые открываются и закрываются с помощью кнопок разворачивания и сворачивания.
  • Отступ — Изменяет размер отступов, которые представляют собой расстояния между содержимым виджета и четырьмя краями панели виджета, как сразу для всех, так и по отдельности. Эти значения размеров указываются в пикселах (px).
  • Заливка — Цвет заливки для панели виджетов.
  • Рамка — Изменяет цвет заливки, штрихи и размер рамки панели в пикселях (px). Все эти атрибуты можно изменить как для всей рамки, так и для каждой из четырех сторон отдельно.
    • Радиус рамки — Изменяет радиус рамки, как сразу для всех углов, так и независимо для каждого из четырех углов. Вы можете указать значения для радиуса в пикселах (px) или процентах (%). Увеличение радиуса делает углы панели более закругленными.