Виджет Кнопка

Виджет Кнопка предлагает ссылки на страницы, окна и представления разделов в вашем приложении или веб-адреса. Вы можете использовать источник данных, чтобы настроить динамические кнопки, для которых текст или ссылка меняются в зависимости от выбранных объектов (например, на карте или в списке). Для настройки дизайна кнопок вы можете выбирать разные стили, размеры и цвета.

Примеры

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

  • У вас есть векторный слой, в котором содержатся URL на веб-сайты, вы хотите использовать кнопку в качестве ссылки для открытия веб-сайта, связанного с выбранным объектом.
  • В вашем приложении есть несколько страниц и меню на главной странице, предоставляющее доступ к каждой из них. Также у вас есть несколько разделов, к которым вы хотите предоставить быстрых доступ для пользователей. Вы можете создать кнопки, которые возвращают пользователя на главную страницу, либо на соответствующие секции или страницы в других частях приложения.

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

Когда вы добавляете на страницу виджет Button, рядом с виджетом появляется окно Быстрый стиль, где вы можете выбрать предварительно настроенный дизайн, который подходит к теме вашего приложения. (Чтобы снова получить доступ к этому окну, щелкните кнопку Быстрый стиль Быстрый стиль в панели инструментов виджета) Вы также можете настроить собственный дизайн кнопки, выбрав в расширенных настройках цвет и шрифт для различных состояний виджета.

Если вы подключаете кнопку к источнику данных, например, векторному слою, то данные об объектах могут использоваться для заполнения текста кнопки или URL ссылки.

Подсказка:

Щелкните кнопку Булавка на панели инструментов виджета Кнопка, чтобы виджет всегда отображался на пролистываемых страницах.

Настройки

Виджет Кнопка включает следующие настройки:

  • Подключить к данным – дополнительно подключает кнопку к данным, таким образом вы можете настроить динамическую ссылку, например, использующую URL из атрибутов объектов.
    • Выбрать данные – выбирает векторные слои в качестве источника данных.
  • Задать ссылку – добавляет ссылку к кнопке, таким образом открывается веб-адрес или вид раздела, окно или страница в вашем приложении. Если вы создаете ссылку на веб-адрес, введите URL (который начинается с https://) Если вы подключаете кнопку к источнику данных, выберите динамический источник для URL, используя Атрибут или Выражение. Вы можете выбрать, откроется ли ссылка в том же окне, что и приложение, в верхнем окне или в новом окне.
    • Подсказка – укажите всплывающий текст, который описывает источник, который открывает кнопка.
    • Текст – укажите текст, которым будет подписана кнопка. Если вы подключаете кнопку к данным, вы можете использовать динамический текст на основе источника данных, используя Атрибут, Статистику или Выражение.
    • Значок – добавьте значок к кнопке и выберите его расположение слева или справа о текста кнопки. Вы можете выбрать значки из галерей Общие и Стрелки, либо добавить собственный значок из файла.
      Примечание:

      Можно выгружать следующие форматы изображений: PNG, GIF, JPG, JPEG и BMP.

  • Дополнительные – перезапишите шрифт и цвета, которые наследуются из темы приложения, для двух состояний кнопки: Обычный - это состояние кнопки, когда с ней не работают, Нажатый - это состояние кнопки, когда пользователь наводит мышку или нажимает на кнопку.
    • Текст – измените размер шрифта (в пикселах) и цвет, а также стиль текста кнопки (полужирный, курсив, зачеркнутый или подчеркнутый).
    • Фон – выберите цвет или изображение заливки для фона кнопки. Если вы выбрали изображение, вы можете разместить его внутри кнопки, используя варианты Вписать, Заполнить, По центру, Заголовок или Растянуть. Если вы выбрали Вписать, то в кнопке вокруг изображения будет показан фоновый цвет.
    • Граница – выберите цвет границы, стиль (штриховой или точками), а также толщину в пикселах.
    • Угол – измените размер радиуса (в пикселах или процентах), чтобы настроить форму углов кнопок. Заблокируйте настройки для синхронизации радиуса для всех четырех углов.
    • Тень – добавьте эффект тени вокруг кнопки, используя следующие настройки:
      • Сдвиг по X – задайте горизонтальное расстояние для тени. При отрицательных значениях тень располагается слева от кнопки, а при положительных - справа.
      • Сдвиг по Y – задайте вертикальное расстояние для тени. При отрицательных значениях тень располагается сверху от кнопки, а при положительных - снизу.
      • Радиус размытия – примените эффект размытия для тени.
      • Радиус разброса – задайте размер тени.
      • Цвет – выберите цвет тени.