Как создать форму регистрации для мобильного приложения в 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.