Виджет Кнопка предлагает ссылки для открытия страниц, окон и просмотра разделов в вашем приложении, прокрутки к конкретным блокам или наверх страницы, а также для перехода по веб-адресам. Вы можете использовать источник данных, чтобы настроить динамические кнопки, для которых текст или ссылка меняются в зависимости от выбранных объектов (например, на карте или в списке). Для настройки дизайна кнопок вы можете выбирать разные стили, размеры и цвета.
Примеры
Используйте этот виджет для поддержки требований к разработке приложений, таких как:
- У вас есть векторный слой, в котором содержатся URL на веб-сайты, вы хотите использовать кнопку в качестве ссылки для открытия веб-сайта, связанного с выбранным объектом.
- В вашем приложении есть несколько страниц и меню на главной странице, предоставляющее доступ к каждой из них. Также у вас есть несколько разделов, к которым вы хотите предоставить быстрых доступ для пользователей. Вы можете создать кнопки, которые возвращают пользователя на главную страницу, либо на соответствующие секции или страницы в других частях приложения.
Примечания по использованию
Когда вы добавляете на страницу виджет Button, рядом с виджетом появляется окно Быстрый стиль, где вы можете выбрать предварительно настроенный дизайн, который подходит к теме вашего приложения. (Чтобы снова получить доступ к этому окну, щелкните кнопку Быстрый стиль в панели инструментов виджета) Вы также можете настроить дизайн кнопки, выбрав в расширенных настройках цвет и шрифт по умолчанию для различных состояний виджета.
Если вы подключаете кнопку к источнику данных, например, векторному слою, то вы можете использовать данные об объектах для заполнения текста кнопки или URL ссылки.
Подсказка:
Щелкните кнопку Булавка на панели инструментов виджета Кнопка, чтобы виджет всегда отображался на пролистываемых страницах.
Настройки
Виджет Кнопка включает следующие настройки:
- Подключить к данным – дополнительно подключает кнопку к данным, таким образом вы можете настроить динамическую ссылку, например, использующую URL из атрибутов объектов.
- Выбрать данные – выбирает векторные слои в качестве источника данных.
- Задать ссылку - добавляет ссылку для открытия страниц, окон и просмотра разделов в вашем приложении, прокрутки к конкретным блокам или наверх страницы, а также для перехода по веб-адресам. Если вы указываете ссылку на веб-адрес, введите URL (который начинается с https://). Кроме веб-адреса вы также можете использовать опцию URL для ссылки на адрес email, номер телефона и так далее. Если вы подключаете кнопку к источнику данных, выберите динамический источник для URL, используя Атрибут или Выражение. Вы можете выбрать, откроется ли ссылка в том же окне, что и приложение, в верхнем окне или в новом окне.
- Подсказка – укажите всплывающий текст, который описывает источник, который открывает кнопка.
- Текст – укажите текст, которым будет подписана кнопка. Если вы подключаете кнопку к данным, вы можете использовать динамический текст на основе источника данных, используя Атрибут, Статистику или Выражение.
- Значок – добавьте значок к кнопке и выберите его расположение слева или справа о текста кнопки. Вы можете выбрать значки из галерей Общие и Стрелки, либо добавить собственный значок из файла. Щелкните кнопку Удалить, чтобы удалить неиспользуемые загруженные значки.
Примечание:
Можно выгружать следующие форматы изображений: PNG, GIF, JPG, JPEG и BMP. Чтобы сохранить оптимальную производительность, на размер каждой загрузки есть ограничение в 10МБ.
- Дополнительные – перезапишите шрифт и цвета, которые наследуются из темы приложения, для двух состояний кнопки: По умолчанию - это состояние кнопки, когда с ней не работают, Наведение курсора - это состояние кнопки, когда пользователь наводит мышку или нажимает на кнопку.
- Текст – измените размер шрифта (в пикселах) и цвет, а также стиль текста кнопки (полужирный, курсив, зачеркнутый или подчеркнутый).
- Фон – выберите цвет или изображение заливки для фона кнопки. Если вы выбрали изображение, вы можете разместить его внутри кнопки, используя варианты Вписать, Заполнить, По центру, Заголовок или Растянуть. Если вы выбрали Вписать, то в кнопке вокруг изображения будет показан фоновый цвет.
- Граница – выберите цвет границы, стиль (штриховой или точками), а также толщину в пикселах.
- Угол – измените размер радиуса (в пикселах или процентах), чтобы настроить форму углов кнопок. Заблокируйте настройки для синхронизации радиуса для всех четырех углов.
- Тень – добавьте эффект тени вокруг кнопки, используя следующие настройки:
- Сдвиг по X – задайте горизонтальное расстояние для тени. При отрицательных значениях тень располагается слева от кнопки, а при положительных - справа.
- Сдвиг по Y – задайте вертикальное расстояние для тени. При отрицательных значениях тень располагается сверху от кнопки, а при положительных - снизу.
- Радиус размытия – примените эффект размытия для тени.
- Радиус разброса – задайте размер тени.
- Цвет – выберите цвет тени.