Вход Зарегистрироваться
Обзор
Проекты с открытым исходным кодом > Mobile/Cell Phone Development > Android Components/Projects &&
Сканировать QR-код WeChat для оплаты
Отмена
Платеж завершен
Смотреть
Отписаться Следить за всеми активностями Следить только за динамикой выпуска обновлений Подписаться без уведомления
1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/mahongyin-ConstraintLayoutExamples

Код Задачи 0 Запросы на слияние 0 Wiki Статистика
Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Выбранная лицензия для репозитория проекта основана на лицензии, используемой основной веткой репозитория
Клонировать/Скачать
HTTPS SSH SVN SVN+SSH
Копировать
Скачать ZIP
README.md 12 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 06.03.2025 18:27 8112b48

Примеры MotionLayout / Constraint Layout

Этот репозиторий содержит список макетов, демонстрирующих различные возможности и способы использования ConstraintLayout и MotionLayout.

Предварительные требования

  • Android Studio 3.3+
  • Библиотека Constraint Layout 2.0.0-alpha5+

Начало работы

Импортируйте проект с помощью Android Studio. Перейдите в папку app > res > layout и откройте один из макетов в редакторе макетов. Лучше всего этот пример понять, просматривая ограничения в режиме "Design" редактора макетов.Обзор примеров MotionLayout

Название GIF Разметка MotionScene
Пример базовый (1/3) Пример базовый (1/3) Разметка MotionScene
Пример базовый (2/3) Пример базовый (2/3) Разметка MotionScene
Пример базовый (3/3) Пример базовый (3/3) Разметка MotionScene
Атрибут с настройками Атрибут с настройками Разметка MotionScene
ImageFilterView (1/2) ImageFilterView (1/2) Разметка MotionScene
ImageFilterView (2/2) ImageFilterView (2/2) Разметка MotionScene
Положение ключевых кадров (1/3) Положение ключевых кадров (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
------------

![Пример констрейнт сета](screenshots/constraint_set_example.png "Пример констрейнт сета")
![Пример продвинутых цепочек](screenshots/advanced_chains.png)png "Продвинутый пример использования цепочек"Поддержка
-------
Если вы нашли ошибку в этом примере, пожалуйста, сообщите об этом:
https://github.com/android/views-widgets/issues

Дополнительно о ConstraintLayout можно узнать в
[руководстве по ConstraintLayout](https://developer.android.com/training/constraint-layout/index.html)

Приемлемы любые исправления, которые могут быть отправлены путём форка этого проекта и
отправки запроса на слияние через GitHub. Подробнее см. [инструкцию по внесению вклада](CONTRIBUTING.md).

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/mahongyin-ConstraintLayoutExamples.git
git@api.gitlife.ru:oschina-mirror/mahongyin-ConstraintLayoutExamples.git
oschina-mirror
mahongyin-ConstraintLayoutExamples
mahongyin-ConstraintLayoutExamples
master
Опубликовать
Отчет о репозитории
Вернуться к началу