До вмісту
HotLayout Документація

Опитування: як це зроблено

Опитування — коротка анкета з трьох кроків: одна відповідь, ім’я з числом і згода. Обов’язкові поля, числове поле й кнопка, що лишається вимкненою, доки форму не заповнено. Ця сторінка показує, де кожне з цього живе в редакторі і як повторити.

Опитування ви отримуєте, скопіювавши його з галереї готових застосунків (Початок роботи). У нього немає власної теми й картинок: воно користується стандартною темою і стандартним словником даних проєкту.

Екрани#

Екран Що це Куди веде
Step 1: one answer Група вибору з метою людини Далі: Step 2: text and a number
Step 2: text and a number Ім’я, вік і вільний коментар Далі: Step 3: consent
Step 3: consent Прапорець і кнопка надсилання Thank you
Thank you Кінець Start over повертає на перший екран

Кожен екран має Survey top bar, текст із номером кроку й власну прибиту кнопку внизу.

Як поле пише відповідь#

Кожне поле форми пише у поле даних словника, звідки читають інші віджети. Виділіть Name field і подивіться на Куди пише: там survey.name. Goal choices (Група вибору) пише в survey.goal, Age field — у survey.age, Consent checkbox — у survey.agreed.

Щоб повторити: додайте Текстове поле, оберіть його Куди пише зі списку полів словника потрібного типу й заповніть Підпис. Поле, що нікуди не пише, нічого не тримає, тож для обов’язкового віджета редактор вимагає поле.

Як поле стає обов’язковим#

Goal choices, Name field, Age field і Consent checkbox мають увімкнене Обов'язкове. Екран правило не забуває: форма екрана — це всі обов’язкові поля на ньому, що видимі й не вимкнені.

Як зроблено числове поле#

Age field — Текстове поле з Тип значення — Число. Застосунок приймає лише число: людина, що набрала літери, лишає поле незаповненим, і поле пише порожнє значення, але не нуль. Відповідь потрапляє в дані числом, тож умова може її порівняти: «менше за 16».

Щоб повторити: додайте Текстове поле, задайте Тип значення Число, оберіть числове поле в Куди пише і, якщо треба, Клавіатура.

Як кнопка чекає на форму#

Next button має увімкнене Вимкнена, доки обов'язкові поля не заповнені. Доки хоч одне обов’язкове поле екрана порожнє, кнопка приглушена й нічого не робить: ані дії, ані події аналітики не шле. У порядку фокуса вона лишається, тож людина з читачем екрана її знайде. Next button має Прибито до низу: вона стоїть під довгою формою й над клавіатурою.

Щоб повторити: увімкніть Обов'язкове на полях, а потім Вимкнена, доки обов'язкові поля не заповнені на кнопці.

Як зроблено правило на відповідь#

На Step 3: consent два віджети стежать за віком із кроку 2:

  • Age note показано За умовою: поле даних survey.age менше за 16, і текст каже, що опитування для людей від шістнадцяти років.
  • Send answers button має і Вимкнена, доки обов'язкові поля не заповнені, і Вимкнена, якщо… з тією самою умовою. Кнопка оживає, лише коли згоду поставлено і вік дозволений.

Щоб повторити: відкрийте Видимість на примітці та Вимкнена, якщо… на кнопці й дайте обом однакову умову на одному полі.

Як зроблено кінець потоку#

Кнопки користуються дією Перейти на екран. Start over button на Thank you вживає Перейти в розділ на перший екран: це скидає стек екранів, тож «назад» не повертає в заповнену форму.

Дані#

Опитування вживає поля survey.goal, survey.name, survey.age, survey.comment і survey.agreed стандартного словника. Усі їх пише людина на телефоні; застосунок, що показує екран, отримує кожну відповідь, щойно її набрано.

Над полотном відкрийте список Сценарій і оберіть Налаштувати значення…: задайте survey.age менше за 16 і подивіться, як на кроці 3 з’являється Age note, а кнопка тьмяніє; задайте survey.goal Немає даних, щоб побачити форму без відповідей. Усі стани показують ці випадки поруч. У вкладці Прев’ю форму можна заповнити так, як це зробить людина. Докладніше: Дані, Дії й навігація.

HotLayoutЕкрани для server-driven UI.