Ползунок

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

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

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

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

Добавление ползунка

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

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

1. Сначала добавьте виджет Slider из вкладки Form Elements или добавьте его напрямую из дерева виджетов.
2. Теперь добавьте виджет Text для отображения значения ползунка.
3. Выберите виджет Text, перейдите в панель свойств и нажмите Set from Variable. Откроется новая панель.
   1. Установите Source в Widget State.
   2. Установите Available Options в Slider. Если вы добавите несколько ползунков, имена будут видами Slider1, Slider2 и т. д.
   3. Установите Number Format Option, если это необходимо.
   4. Нажмите Confirm.

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

См. как запустить действие при изменении выбора для этого виджета.

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

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

Настройка

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

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

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

Чтобы установить тип платформы:

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

Определение диапазона ползунка

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

Чтобы установить минимальное и максимальное значения:

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

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

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

к сведению

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

Чтобы установить размер шага:

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

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

Чтобы изменить цвета ползунка:

1. Выберите виджет Slider из дерева виджетов или области холста.
2. Перейдите в панель свойств и прокрутите вниз до раздела Slider Properties.
3. Чтобы изменить активный цвет, найдите свойство Active Color, нажмите на поле рядом с уже выбранным цветом, выберите цвет и нажмите Use Color или нажмите на уже выбранный цвет и введите Hex-код напрямую. Вы также можете выбрать цвет, нажав кнопки Palette и Simple.
4. Чтобы изменить неактивный цвет, найдите свойство Inactive Color, нажмите на поле рядом с уже выбранным цветом, выберите цвет и нажмите Use Color или нажмите на уже выбранный цвет и введите Hex-код напрямую. Вы также можете выбрать цвет, нажав кнопки Palette и Simple.

Отображение значения ползунка

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

Чтобы отобразить значение ползунка:

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