Слияние кода завершено, страница обновится автоматически
Этот репозиторий содержит список макетов, демонстрирующих различные возможности и способы использования ConstraintLayout и MotionLayout.
app > res > layout и откройте один из макетов
в редакторе макетов. Лучше всего этот пример понять, просматривая ограничения в режиме "Design" редактора макетов.Обзор примеров MotionLayout| Название | GIF | Разметка | MotionScene |
|---|---|---|---|
| Пример базовый (1/3) |  |
Разметка | MotionScene |
| Пример базовый (2/3) |  |
Разметка | MotionScene |
| Пример базовый (3/3) |  |
Разметка | MotionScene |
| Атрибут с настройками |  |
Разметка | MotionScene |
| ImageFilterView (1/2) |  |
Разметка | MotionScene |
| ImageFilterView (2/2) |  |
Разметка | MotionScene |
| Положение ключевых кадров (1/3) |  |
Разметка | MotionScene |
| Пример | Анимация | Макет | MotionScene |
| --- | --- | --- | --- |
| Интерполяция ключевых кадров (2/3) |  |
Макет | MotionScene |
| Пример циклического ключфрейма (3/3) | ![Анимация](https://user-images.githubusercontent.com/796361/53616423-c5b5e700-3c25-11e9-98a4-d98351664844.gif "Пример циклического ключфрейма (3/3)", height="360", width="180") | Макет | MotionScene |
| Пример CoordinatorLayout (1/3) | ![Анимация](https://user-images.githubusercontent.com/796361/53616433-ce582e80-3c25-11e9-9a56-1512385772e5.gif "Пример CoordinatorLayout (1/3)", height="360", width="180") | Макет | MotionScene |
| Пример CoordinatorLayout (2/3) | ![Анимация](https://user-images.githubusercontent.com/796361/53616441-d912c380-3c25-11e9-8b5b-e49cbb255850.gif "Пример CoordinatorLayout (2/3)", height="360", width="180") | Макет | MotionScene |
| Пример CoordinatorLayout (3/3) | ![Анимация](https://user-images.githubusercontent.com/796361/53616794-a029dd00-3c27-11e9-9fa9-848c1cde736b.gif "Пример CoordinatorLayout (3/3)", height="360", width="180") | Макет | MotionScene |
| Пример DrawerLayout (1/2) | ![Анимация](https://user-images.githubusercontent.com/796361/53616524-4d9bf100-3c26-11e9-85db-88b1450be0a3.gif "Пример DrawerLayout (1/2)", height="360", width="180") | Макет | MotionScene |
| Пример DrawerLayout (2/2) | ![Анимация](https://user-images.githubusercontent.com/796361/53616767-8097e380-3c27-11e9-8a25-cfba87a5dedf.gif "Пример DrawerLayout (2/2)", height="360", width="180") | Макет |
Content Menu |
| Пример параллакс эффекта | <img src="https://user-images.githubusercontent.com/796361/53616582-a409af80-3c26-11e9-8f80-05d91fe42f8f.gif" height="360" width="180"> | Пример | <img src="https://user-images.githubusercontent.com/796361/53616757-74a6e300-3c27-11e9-8b20-0b166a00928d.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/motion_15_parallax.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_15.xml) |
| Пример с ViewPager | <img src="https://user-images.githubusercontent.com/796361/53616613-cb5ff080-3c26-11e9-8b6b-2b2b9f4ef883.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/motion_16_viewpager.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_15.xml) |
| Пример с ViewPager и Lottie | <img src="https://user-images.githubusercontent.com/796361/53616661-066c4300-3c27-11e9-8616-901a22d2cf38.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/motion_23_viewpager.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_23.xml) |
| Комплексный пример анимации (1/4) | <img src="https://user-images.githubusercontent.com/796361/53616679-1ed24a80-3c27-11e9-9435-badc2ad2da97.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/motion_17_coordination.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_17.xml) |
| Комплексный пример анимации (2/4) | <img src="https://user-images.githubusercontent.com/796361/53616684-2691bf80-3c27-11e9-9009-4e54debb1636.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/motion_18_coordination.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_18.xml) |
| Комплексный пример анимации (3/4) | <img src="https://user-images.githubusercontent.com/796361/53616689-30bdcf80-3c27-11e9-9868-f5cd6a788b78.gif" height="360" width="180"> |gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/motion_19_coordination.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_19.xml) |
| Комплексный пример анимации (4/4) | Н/Д | [Макет](motionlayout/src/main/res/layout/motion_20_reveal.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_20.xml) |
| Пример перехода между фрагментами (1/2) | <img src="https://user-images.githubusercontent.com/796361/53616694-3a3d5480-3c27-11e9-85f7-487668e44f79.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/main_activity.xml) | [Сцена движения](motionlayout/src/main/res/xml/main_scene.xml) |
| Пример перехода между фрагментами (2/2) | <img src="https://user-images.githubusercontent.com/796361/53616701-3c071800-3c27-11e9-8b20-0b166a00928d.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/main_activity.xml) | [Сцена движения](motionlayout/src/main/res/xml/main_scene.xml) |
| Пример с анимацией в стиле YouTube | <img src="https://user-images.githubusercontent.com/796361/53616722-4f1a8800-3c27-11e9-86b4-7ecaaeb57d9a.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/motion_24_youtube.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_24.xml) |
| Пример использования KeyTrigger | <img src="https://user-images.githubusercontent.com/796361/53616732-593ca600-3c27-11e9-89b6-b6174c4bddfe.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/motion_25_keytrigger.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_25.xml) |
| Пример использования MultiState | <img src="https://user-images.githubusercontent.com/796361/53616746-6362e400-3c27-11e9-9ad8-451cc175de3d.gif" height="360" width="180"> | [Макет](motionlayout/src/main/res/layout/motion_26_multistate.xml) | [Сцена движения](motionlayout/src/main/res/xml/scene_26.xml) |
Примеры использования ConstraintLayout
------------
png "Продвинутый пример использования цепочек"Поддержка
-------
Если вы нашли ошибку в этом примере, пожалуйста, сообщите об этом:
https://github.com/android/views-widgets/issues
Дополнительно о ConstraintLayout можно узнать в
[руководстве по ConstraintLayout](https://developer.android.com/training/constraint-layout/index.html)
Приемлемы любые исправления, которые могут быть отправлены путём форка этого проекта и
отправки запроса на слияние через GitHub. Подробнее см. [инструкцию по внесению вклада](CONTRIBUTING.md).
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )