​#UI #ConstraintLayout

The Essential Components of ConstraintLayout

ConstraintLayout призван создавать сложные иерархию View без необходимости вложений. Возможности о которых вы могли не знать:
👉 Соотношение сторон (замена PercentFrameLayout)
👉 Guideline
👉 Barrier
👉 Group
👉 Chains (замена LinearLayout)
👉 Flow

Эти возможности разбираются в статье, за исключением Flow (про него читайте в отдельной статье)

#ConstraintLayout #MotionLayout

Вышел ConstraintLayout 2.0.0-beta5

Крутые анимации (MotionLayout - это часть ConstraintLayout 2.0) подошли еще на одну beta версию ближе к нам. Новый релиз содержит только исправление багов

#ConstraintLayout #MotionLayout

ConstraintLayout 2.0.0 rc1

Прошло всего несколько лет и наконец-то мы дошли до RC ConstrantLayout 2.0, который включает MotionLayout

#ConstraintLayout

Design Tools Suite UX enhancements in Android Studio 4.1

Обзор изменений визуального редактора в следующей мажорной версии - Android Studio 4.1.

UI Editor:
👉 Поддержка Constraint Layout 2.0: VirtualLayouts
👉 Возможность включения/выключения показа tools (например tools:text, tools:visibility) эффектов в Preview
👉 Управление visibility в дереве компонентов
👉 Shortcut клавиатуры для Design Tool
👉 Панель для трансформаций свойств View: X, Y, Z, rotation, scale, translation

Resource manager:
👉 Визуализация ресурса картинки в XML аттрибуте теперь позволяет быстро его поменять с предпросмотром и поиском
👉 Material иконки не являются частью Android Studio и будут обновляться независимо

Navigation editor:
👉 Визуализация Destionations Tree (похожее на Component Tree в UI Designer)
👉 Диалог для создания deeplink с поддержкой автодополнения

Motion editor
👉 Motion keyframe path graph
👉 Редактор "Transition curve", который позволяет визуально редактировать интерполятор анимации

#ConstraintLayout #MotionLayout

Motion Tags Ep2 - ConstraintSet + Constraint

Продолжение серии видео о MotionLayout. В новой версии разбираются ConstraintSet-ы и трансформации

#ConstraintLayout #MotionLayout

Вышел ConstraintLayout 2.0

Наконец-то вышел стабильный релиз долгостроя AndroidX - ConstraintLayout 2.0

Что нового:
👉 Улучшенный Runtime
👉 Новый механизм Flow, нечто подобное Chain, позволяющее управлять позиционированием группой виджетов горизонтально или вертикально
👉 Новый helper Layer
👉 Простой способ строить анимации с помощью MotionLayout
👉 Обновленный Layout Editor в Android Studio 4.1 с поддержкой ConstraintLayout 2.0
👉 MotionEditor - визуальный редактор анимаций, доступный с Android Studio 4.0

Примеры использования можно найти здесь

​​#UI #ConstraintLayout #MotionLayout #Animation

Началась работа над ConstraintLayout 2.1.0
👉 Новый тэг <ViewTransition> для анимирование одной View в MotionLayout. Подробнее
👉 Возможность забивать Constraints на несколько файлов. Подробнее
👉 Возможность копировать Constraints с переопределением атрибутов. Подробности
👉 Возможность поворачивать View в <OnSwipe>. Подробности
👉 Поддержка матричных преобразований для ImageFilterView/Button. Подробности
👉 Поддержка изменений с значение в шагах. Подробности
👉 Поддержка кастомных атрибутов в KeyTrigger. Подробности

#ConstraintLayout #Анимация

MAD Skills - MotionLayout

Серия видео по анимациям с использованием MotionLayout (ConstraintLayout 2.0). Уже вышло 2 части:
👉 Анимация на основе ConstraintSet
👉 Анимация на основе Keyframe

#AndroidBroadcast #ConstraintLayout

▶️ Обзор возможностей ConstraintLayout (31 мин)

Обзор возможностей самого мощного и гибкого layout в Android - ConstraintLayout. Все разбирается на примере экрана с деталями о фильме.

В ролике разбирается:
👉 Типы размеров в ConstraintLayout. match_constraint (0dp)
👉 Относительное расположение элементов, bias
👉 layout_margin, goneMargin
👉 Выравнивание View относительно другой View
👉 Barrier
👉 Flow: размещение виджетов с автоматическим переносом
👉 Chain - аналог LinerLayout, предок Flow
👉 Guideline - виртуальные линии
👉 Group - группировка виджетов

Ставьте свои лайки, оставляйте комментарии и поддерживайте канал. Поддержать стоит по двум причинам: контент 🔥 и подписчики получают контент раньше. Например, этот ролик смогли посмотреть уже неделю назад.

#UI #ConstraintLayout #MotionLayout

Вышел ConstraintLayout 2.1.0
👉 Теперь поддерживаются отрицательные margin
👉 layout_constraintWidth and layout_constraintHeight - замена android:layout_width and android:layout_height. Подробности здесь
👉 Возможность доставки внешний значений в ConstraintLayout через SharedValues
👉 Новый helper - Carousel для MotionLayout, который позволяет сделать поведение Pager с ограниченным количеством View. Подробности здесь
👉 ReactiveGuide - guideline, который реактивно меняет своё положение на основе SharedValues
👉 CircularFlow - виртуальный layout для расположения виджетов циклично
👉 Возможность описывать ConstraintSet в отдельном xml ресурсе (res/xml/file.xml) и загрузка из в layout
👉 <ViewTransition> - анимация для одной view
👉 Множество улучшений и новых возможностей для анимаций в MotionLayout

Мое видео из далёкого прошлого про возможности ConstraintLayout, где на реальном экране разбираю фичи https://youtu.be/yZYOX6hRYFc