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