#ConstraintLayout #Performance

"Constraint Layout performance" Maciej Kozłowski

Многие задаются вопрос производительности ConstraintLayout. Maciej задался вопрос и решил сделать тесты.

Могу сказать только одно - не стоит его использовать как замену для простых случаев, что и подтвердили тесты. ConstraintLayout эффективен для сложных иерархий, когда старыми Layout из SDK сделать в 1 уровень трудно. При замене LinearLayout на ConstraintLayout у вас будет производительность хуже.

​#ConstraintLayout #MotionLayout #Animation

ConstraintLayout 2.0 Beta 1

Вышла первая beta версия ConstraintLayout. Что нового по сравнению с версией 1.X:

👉 Virtual Layout - позволяющий описывать правила размещения группы View. На текущий момент существует только одно стандартное - Flow, которая заменяет собой chain и добавляет новых возможностей.

👉 MotionLayout - теперь анимировать изменения layout становится значительно проще, описывайте все трансформации через специальный XML файл и наслаждайтесь как фреймворк все делает за вас

👉 ConstraintProperties - более просто способ обновления параметров ConstraintLayout

👉 Визуальный редактор MotionLayout. Попробовать его не получится, но сейчас все силы команду ConstraintLayout сконцентрированы на его доработки. Надеюсь увидеть его в Android Studio 3.6

Больше подробностей в видео

Пример использования новых ConstraintLayout и MotionLayout

​#ConstraintLayout #AndroidX

Awesomeness of ConstraintLayout Flow

Мы уже давно ждем ConstrainLayout 2.0, а особенно MotionLayout + визуальный редактор анимаций в Android Studio! Но вот уже с Google I/O 2019 они весят в статусе beta 😞.

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

​#ConstraintLayout #UI

ConstraintLayout Flow: Simple Grid Building Without Nested Layouts

ConstraintLayout - это layout, который предназначен для реализации сложных иерархий View и предоставляет обширные возможности, которые позволяют вам избегать многоуровневой иерархии.

ConstraintLayout 2.0 предоставил возможность virtual helper object, который по сути являются правилами для размещения группы View. Пример такого объекта - Flow. Он позволяет размещать View по сетке, наподобие того как делает Google FlexboxLayout.

В статье разбираются возможности ConstraintLayout Flow и как их реализовать.

​#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