3.4 Использование стилей

В Bubble можно задать несколько общих стилей для ваших элементов. В каждом новом приложении есть набор предустановленных стилей. Это позволяет лучше организовать дизайн приложения, так как нужно изменить только стиль, чтобы все элементы изменились в соответствии с ним. Также это экономит место в вашем приложении, что ведет к более быстрой загрузке, так как информация о стилях наследуется всеми элементами , которые используют схожий стиль.

Задание стилей

Различные стили элементов вашего приложения изменяются во вкладке "Стили"/"Styles"(!!!ЛНК!!!). Редактирование стилей очень похоже на редактирование элементов, параметры стилей меняются в Редакторе свойств.

К стилям вы можете применить условия, но только базовые состояния, другими словами встроенные условия и простые взаимодействия с элементами (наведен курсор, выбран и т.д.) Например, условия с использование данных или свойств пользователя не расцениваются как базовые. Вы можете задать сколько угодно свойств. Стили применяются к одному типу элемента, например, Кнопкам, но для Кнопок вы может задать более одного стиля. Постарайтесь называть из так, чтобы было легко прочитать, так как вам придётся выбирать нужный стиль для каждой кнопки. Также здесь вы можете задать стиль, применяемый по умолчанию при вставке новых элементов.

Вы можете создать новый стиль во вкладке Стили, кликнув по кнопке "Новый стиль"/"New Style" или из меню самого элемента. В таком случае текущие свойства элемента будут использованы в качестве базовых параметров нового стиля. Эта функция полезна, когда вы понимаете, что используете один и тот же дизайн для нескольких элементов, но еще не додумались создать под них стиль.

Применение и удаление стиля элемента

Когда вы к какому-то элементу применяете стиль, его текущие свойства, определяемые стилем будут удалены. С другой стороны, когда вы удаляете стиль элемента, в него будут скопированы изначальные свойства элемента. Для большей эффективности, если вы удаляете стиль кнопки, сначала внешний вид этой кнопки не изменится, и вы сможете что-то в ней изменить. Эти изменения можно отменить.

Конфликты между условиями применения стилей и условиями изменения элемента

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

Темы

Bubble предлагает несколько тем, который помогут вам найти собственный внешний вид вашего приложения. Так как новое приложение создаётся с набором предустановленных стилей, применение темы перезапишет эти стили другими цветами, углами и т.д. У Bubble уже есть темы, вдохновленные многими популярными библиотеками стилей, такими как Bootstrap и Material Design. Стоит отметить, что когда вы применяете тему, стили, которые вы добавили к вашему приложению, не будут изменены.