Перейти к содержимому

Как создать форму регистрации для мобильного приложения в Bubble (урок по Property Editor)

Bubble

0:00 / 0:00

Как создать форму регистрации для мобильного приложения в Bubble (урок по Property Editor)

523 просмотра · 1 месяц назад
Bubble
62,3 тыс. подписчиков
523 просмотра · 1 месяц назад
В этом уроке показано, как создать форму регистрации для мобильного приложения в Bubble с помощью редактора свойств — код не требуется. Это первый урок из пяти частей серии для начинающих по редактору свойств Bubble. Вы создадите форму регистрации с нуля, включив заголовок, поле для ввода электронной почты, поле для ввода пароля и кнопку регистрации, а затем стилизуете каждый элемент, чтобы он выглядел аккуратно на мобильном устройстве. В видео показано, как перетаскивать элементы на холст, переименовывать их в дереве элементов, устанавливать текст-заполнитель и форматы полей ввода (например, электронная почта или пароль), а также настраивать шрифт, толщину, размер, цвет, радиус скругления углов и ширину на вкладках «Визуальный вид» и «Образ» редактора свойств. Как выравнивать и располагать элементы в Bubble? Раздел «Макет» редактора свойств позволяет центрировать элементы внутри столбца, а также можно, удерживая клавишу Shift, выбрать несколько элементов одновременно и редактировать их вместе. Настройки на уровне контейнера — например, расстояние между строками — определяют, какое пространство находится между расположенными друг над другом элементами, что и превращает сжатый стек в аккуратную форму. К концу этого урока у вас будет работающее представление регистрации, полностью разработанное в редакторе свойств Bubble. Во втором уроке мы добавим условную логику, чтобы элементы реагировали на действия пользователя, такие как наведение курсора, касание или отключение. ✦ ✦ ✦ ✦ ✦ Главы 0:00 Как создать мобильную форму регистрации в Bubble 0:46 Как создать новый мобильный вид в Bubble 1:07 Как добавить текст, поля ввода и кнопки в Bubble 3:27 Как стилизовать текст и цвета в редакторе свойств 4:55 Как стилизовать поля ввода и кнопки в Bubble 6:35 Как выравнивать элементы и устанавливать отступы в Bubble ✦ ✦ ✦ ✦ ✦ Подпишитесь на этот канал, чтобы первыми узнавать о новых видео! Bubble — единственный полностью визуальный конструктор приложений на основе ИИ, который позволяет вам «визуализировать» код без написания кода, чтобы запускать реальные приложения для реальных пользователей. На сегодняшний день 6 миллионов конструкторов запустили более 7 миллионов приложений, которые в совокупности обрабатывают транзакции на сумму более 1 миллиарда долларов в год. Хотите услышать их истории и советы, а также мнения лидеров отрасли? Подпишитесь на наш видеоподкаст, выходящий раз в две недели, The New Build ➡    • The New Build   Узнайте больше о Bubble: Главная / начните бесплатно ➡ https://bble.io/yt Twitter ➡   / bubble   Блог ➡ https://bubble.io/blog Вопросы и поддержка ➡ bubble.io/support.