Слайдер

Виджет Slider используется для выбора одного значения из диапазона значений. Вы определяете минимальное и максимальное значения для слайдера, и пользователи могут выбирать значение в указанном диапазоне, перетаскивая бегунок слайдера (перемещаемый круг).

Например, вы можете использовать виджет Slider для позволения пользователям устанавливать громкость, задавать сумму пожертвования и т. д.

Состояние виджета

Прежде чем приступить к работе с виджетами формы, ознакомьтесь с нашим руководством по Состояниям виджетов для эффективного управления состоянием и поведением ваших элементов формы.

Добавление слайдера

Давайте создадим пример использования виджета Slider и извлечем его значение в виджет Text.

Шаги для создания примера следующие:

1. Сначала добавьте виджет Slider из вкладки Элементы формы или добавьте его непосредственно из дерева виджетов.
2. Теперь добавьте виджет Text, чтобы отобразить значение слайдера.
3. Оставайтесь выбранным для виджета Text, Перейдите в панель свойств и нажмите на Set from Variable. Это откроет новую панель.
   1. Установите Источник на Состояние виджета.
   2. Укажите Доступные опции на Slider. Если вы добавляете несколько слайдеров, имена будут такие как Slider1, Slider2 и т. д.
   3. Установите Опцию формата числа, если хотите.
   4. Нажмите Подтвердить.

Установка начального значения

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

Настройка

Вы можете настроить внешний вид и поведение виджета, используя различные свойства, доступные в панели свойств.

Установка типа платформы

Вы можете установить тип платформы Adaptive или Android для этого виджета. Выбор типа Adaptive отобразит виджет в его собственном стиле. Это означает, что виджет будет отображаться в стиле iOS при работе на устройствах iOS и в стиле Android при работе на устройствах Android.

Для установки типа платформы:

1. Выберите виджет Slider из дерева виджетов или области холста.
2. Перейдите в панель свойств и откройте раздел Платформа.
3. Выберите Тип платформы среди Android или Adaptive.

Определение диапазона слайдера

Вы можете определить диапазон слайдера, установив минимальное и максимальное значения.

Для установки минимального и максимального значений:

1. Выберите виджет Slider из дерева виджетов или области холста.
2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства слайдера.
3. Найдите свойство Мин и введите значение. Это будет начальное значение диапазона.
4. Найдите свойство Макс и введите значение. Это будет конечное значение диапазона.

Установка размера шага

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

к сведению

Если диапазон не делится равномерно на размер шага, бегунок слайдера остановится на ближайшем значении в диапазоне.

Для установки размера шага:

1. Выберите виджет Slider из дерева виджетов или области холста.
2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства слайдера.
3. Найдите свойство Размер шага и введите значение.

Изменение цвета

Чтобы изменить цвета слайдера:

1. Выберите виджет Slider из дерева виджетов или области холста.
2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства слайдера.
3. Чтобы изменить активный цвет, найдите свойство Активный цвет, нажмите на квадрат рядом с уже выбранным цветом, выберите цвет, затем нажмите Использовать цвет или выберите уже выбранный цвет и введите код Hex напрямую. Вы также можете выбрать цвет, нажав на кнопки Палитра и Простой.
4. Чтобы изменить неактивный цвет, найдите свойство Неактивный цвет, нажмите на квадрат рядом с уже выбранным цветом, выберите цвет, затем нажмите Использовать цвет или выберите уже выбранный цвет и введите код Hex напрямую. Вы также можете выбрать цвет, нажав на кнопки Палитра и Простой.

Отображение значения слайдера

Вы можете отображать значение слайдера во время перетаскивания бегунка по дорожке слайдера. Значение отображается в виде всплывающей подсказки над бегунком слайдера.

Для отображения значения слайдера:

1. Выберите виджет Slider из дерева виджетов или области холста.
2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства слайдера.
3. Найдите свойство Показать значение и включите переключатель.

Запуск действия при изменении

Посмотрите, как запустить действие при изменении выбора на этом виджете.